Hur gör en vägg med bilder (Jquery?)
 

Hej!
Har en idé om att göra en vägg med lite olika objekt, projektet vänder sig till sportintresserade män och kvinnor mellan 15-50 år.

Hur ska man skapa en lite annorlunda modul på webbplatsen som fångar uppmärksamheten och bjudet in till nyfiket klickande?

Jag har endast hittat ett sådant exempel och det är dessutom skapat i flash:

Exempel: areXgranen punkt se(utan X)

Hur kan man skapa något liknande utan flash, är Jquery rätt väg att gå?

Tack för lite tips och idéer!

Visst går det göra något likande med jQuery/javascript, men jag tror tyvärr inte du kommer riktigt hela vägen fram med det när det gäller flyt och svarstider och då får man nog inte riktigt samma användarupplevelse.

Det finns dock väldigt många plugins till jQuery för att visa bilder och gallerier på ett snyggt sätt, men det där med zoomningen i ditt exempel är nog inte något man bör göra med jQuery.
Du skulle nog kunna göra det i med WebGL, men då blir det betydligt mer avancerat och det har jag inte koll på.

Tack för ditt svar! Jag får helt enkelt försöka göra en kompromiss, ska kika runt på lite exempel. Tack för tipsen, jakten fortsätter!

Jag tror man kan komma hela vägen utan WebGL, men man får nog begränsa sig till nyare browsers med bra css3-stöd om man vill ha bra känsla i det. Då kan man skala med CSS transforms om man inte vill ta ett blad från Apple och använda bilder vid inzoomning/utzooming och helt enkelt ha två vyer i olika inzoomingsgrad som man byter emellan.

Något passande jQueryplugin känner jag dock inte till, men är du bra på javascript och har en del tid över borde det gå att bygga något minst lika snyggt. :)

Kanske kan fungera. Det kräver nog att klientdatorn är hyfsat kraftfull och har mycket ledig CPU-tid skulle jag dock gissa.
Man kan klicka runt väldigt snabbt i det där exemplet och det tror jag är svårt att få till utan lagg med bara JS. Men jag är ingen JS-expert(speciellt inte när det gäller prestanda) och kan mycket väl ha fel.

Fast han skrev ju med css transitions också vilket inte är js och ger smidig och mjuk transformering av element.

Ah, my bad.
Då är man ju dock helt beroende av webbläsarnas implementation av detta och det är ju inte helt standardiserat än och IE kan man ju glömma ett bra tag famöver.

Vill man vara fräck får man göra vissa uppoffringar av gamla IE ;)
Man får se på sin målgrupp och fråga sig vilka det är. Är det stora företag får man gott supporta gamla IE ett tag till.

Man missar de flesta vanliga användare om man inte supportar IE 7 & 8 som inte har stöd för HTML5 och CSS3. Folk är generellt sett extremt dåliga på att uppgradera och uppdatera programvara så de flesta sitter fortfarande med IE 8 som inte har stöd. Det är en för stor del av alla användare för att kunna välja bort den om det inte är en väldigt nishad sida som riktar sig emot målgrupper som använder andra webbläsare.

Jo, det är ett val man får göra. Man bör alltid ha en fungerande grundversion för alla browsers tycker jag, sen kan man göra det snyggare/tydligare/mer användarvänligt med nyare teknik där det stöds enligt unobtrusive modellen.