Ik had gister een leuk idee voor een soort portfolio website. Heb deze meteen omgezet in xhtml + CSS3. Heb daarnaast enkele jQuery bestanden geschreven en gebruikt:

- Met het bovenste menu kun je categorieën van het portfolio aan het uit zetten.
- Mouse fade over met details
- onclick krijg je aangepaste Facebox waar meer details + slider nog in moeten komen
- Onderste menu met informatie + Google Maps
http://diepsloot.nl/11/

- Deze versie heeft meer items dan de gegeven 10, dus komt er een slider aan de rechterkant bij.
http://diepsloot.nl/11/index2.html

Ben benieuwd wat jullie er van vinden. Heb het eigenlijk meer gedaan om mezelf te verbeteren op het gebied van jQuery en de mogelijkheden van CSS3 (alhoewel dat er niet veel zijn)

Ziet er tof uit Huig!

Ik vind alleen dat menu een beetje verwarrend. Het duurde ook even voordat ik hem doorhad. Verder ben ik benieuwd hoe de vergroting eruit ziet.

Dat menu in de footer zou ik anders doen. Als je er nu op klikt opent ie, maar als je dan weg gaat met je muis sluit hij af. Ik zou hem persoonlijk open laten staan en als je er nog een keer op klikt dat ie dan afsluit, of met iets van een kruisje werken.

Origineel gepost door Ewout K.

Dat menu in de footer zou ik anders doen. Als je er nu op klikt opent ie, maar als je dan weg gaat met je muis sluit hij af. Ik zou hem persoonlijk open laten staan en als je er nog een keer op klikt dat ie dan afsluit, of met iets van een kruisje werken.

Ik had het inderdaad ook eerst zo gedaan. Maar vond het toch wel irritant dat ie dan open bleef staan als je bijvoorbeeld op een portfolio item wilt klikken. Dan moet je namelijk twee keer klikken. Ik kan zal er nog even naar kijken.

Bedankt voor het compliment!

Ja dat is natuurlijk ook weer waar. Hoe ga je het doen als je meer items krijgt? Of sluit je dat helemaal uit?

Je bedoelt portfolio items? Als het er meer dan 10 zijn dan komt er een slider aan de zijkant. Of bedoel je wat anders?

Origineel gepost door Huig van der Waal

Je bedoelt portfolio items? Als het er meer dan 10 zijn dan komt er een slider aan de zijkant. Of bedoel je wat anders?

Of meerdere pagina's.

Ik kreeg net een PM waarin iemand vroeg om misschien deze layout nog wat door te ontwikkelen en dan door te verkopen in licenties?

Nog nooit gedaan, ben benieuwd wat jullie daar van vinden. Hoor het graag!

Het is een zeer unieke manier om je portfolio te tonen. Er zit alleen nog een foutje in je js.
Als je snel over de items heen en weer ga zie je dat ze een que opbouwen.
Je moet de stop() functie eraan tevoegen om het op te lossen maar voor de rest puik werk.

Ik zou zeker geinteresseerd zijn in een licentie ;)
Klopt het dat er geen afbeelding zijn geupload voor als er op een item wordt geklikt? Box blijft zwart bij mij.

Bedankt Leon. Ik ben geen expert op het gebied van jQuery. Ik dacht dat je dit ook met .once kon doen? Vond het ook nogal irritant dat alles door bleef gaan als je er meerdere keren over heen ging.

Misschien dat ik er een script achter bouw om portfolio items te uploaden en pagina's aan te maken. Via Admin kan men de ook logo + kleuren van de website aanpassen. Is een licentie prijs van 10~15 euro maatschappelijk voor zo iets?

@Marvin, klopt. Dit stuk zit ik nog even mee te prutsen aangezien ik hier een slider in wil hebben om meerdere afbeelding te laten zien icm. tekst. Voorlopig nog even zwart totdat ik een oplossing heb gevonden.

Klasse!

edit:
Wel nog even .stop() gebruiken, als ik nu snel over een heleboel thumbnails ga en snel beweeg, dan worden ze allemaal aan de "wachtrij" toegevoegd waardoor enerzijds mijn firefox geheugenverbruik de lucht inschiet en anderzijds de thumbnails zich een beetje raar gedragen. :)

Opgelost. Weer wat geleerd. Bedankt! :)

Nou de popup pagina is dan ook af. Dus voorbeeld van het portfolio item: http://diepsloot.nl/11/ (eerste afbeelding bevat de link.)

Zit nog een foutje in, wanneer je twee keer de popup opent dan functioneert de slider niet meer correct..

@Daniel, super om te horen! Leuke manier om jQuery te leren dacht ik zo.

De pop-up pagina is prachtig geworden :)