Hvad skal jeg bruge?
Jahirah
Jeg faldt for nylig over et webtemplate som jeg blev helt tosset
med. Den havde blandt andet en fancy lille galleri-function - dog
uden at det blev for avanceret. Et galleri selv min mor ville
kunne finde ud af, samtidig med det s� flot ud.
Problemet er imidlertidig at denne template er skabt i flash :(
Det er desv�rre et emne som for mig stadig lader vente p� sig,
men alting siger mig at denne form for galleri sagtens kan bygges
tilsvarende med CSS og ......hvad? Jeg er nemlig lidt usikker p�
om dette kan g�res i html, eller om der skal java, eller m�ske
serverside til.
Templaten er desv�rre ikke online, men jeg har lavet et billede
af galleriet som det skal fungere.
Se det her: http://www.phoepsdiary.com/htmlspanden/galleri.png
Kort og godt skal thumbs, n�r trykket p�, vises i hovedrammen. Og
trykker man p� billedet i hovedrammen skal denne vises via
Lightbox.
Er der nogen der kan fort�lle mig hvad jeg b�r bruge for at l�se
en opgave som denne?
//Jahirah
--
Vil du l�re at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- P�dagogiske tutorials p� dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
Bertel Lund Hansen
> men alting siger mig at denne form for galleri sagtens kan bygges
> tilsvarende med CSS og ......hvad? Jeg er nemlig lidt usikker p�
> om dette kan g�res i html, eller om der skal java, eller m�ske
> serverside til.
Hvad er det din mor skal kunne finde ud af: at se billeder p�
galleriet eller at kunne l�gge sine billeder ud selv?
--
Bertel
http://bertel.lundhansen.dk/ FIDUSO: http://fiduso.dk/
Jahirah
>
> Hvad er det din mor skal kunne finde ud af: at se billeder p�
> galleriet eller at kunne l�gge sine billeder ud selv?
Uhm, det har ikke rigtig noget med min mor at g�re. Det var bare en
m�de og sige, at galleriet er nemt navigerbart p� :)
Bertel Lund Hansen
> Uhm, det har ikke rigtig noget med min mor at g�re. Det var bare en
> m�de og sige, at galleriet er nemt navigerbart p� :)
Pr�v at se her:
http://host.sonspring.com/hoverbox/
Ren HTML+CSS.
Jahirah
>
> > Uhm, det har ikke rigtig noget med min mor at g�re. Det var bare en
> > m�de og sige, at galleriet er nemt navigerbart p� :)
>
> Pr�v at se her:
>
> http://host.sonspring.com/hoverbox/
>
> Ren HTML+CSS.
Tak for linket.
Den er ganske smart, men det er ikke det jeg leder efter.
Jeg kan ikke helt se hvordan jeg skal kunne transformere hoverbox'ens
kode til at virke som jeg efterlyser :/
Jeg vil n�dig virke utaknemlig, men dette sp�rgsm�l er meget specifikt.
Jørgen Farum Jensen
> Kort og godt skal thumbs, n�r trykket p�, vises i hovedrammen. Og
> trykker man p� billedet i hovedrammen skal denne vises via
> Lightbox.
Dit udgangspunkt er et ganske almindeligt JavaScript
billedgalleri:
http://webdesign101.dk/galleri/eksempler/galleri_2.php
Den n�ste udfordring er s� hvordan du kan f� Lightbox-
scriptet til at spille sammen med billedvisningsscriptet.
Jeg har en forestilling om, at man skal ind og f�je
noget til ligthbox.js, s�ledes at det det st�rre billede
dynamisk forsynes med en en a-mark�r med lightbox syntaksen:
<a href="[sti]xstort.jpg" rel="lightbox">
<img src="[sti]stort.jpg" width="?" height="?" alt="?" /></a>
Men hvordan du lige g�r d�t kan jeg ikke svare p�.
Begynd med det lette f�rst, nemlig det galleri jeg
demonstrerer, og s�g s� evt. r�d i client-side gruppen.
Men hvorfor en mellemvej - hvorfor ikke vise det st�rste
billede straks?
--
Med venlig hilsen
J�rgen Farum Jensen
H�ndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
.
Jahirah
> Men hvorfor en mellemvej - hvorfor ikke vise det st�rste
> billede straks?
--------8<----------------------
Designet p� selve siden p�virker, at en direkte overgang til lightbox
virker lidt som en "in your face" effect, p� den d�rlige m�de.
Samtidig er mellemvejen med til give noget relevant fyld.
Mellemst�rrelsen af billede tilader en bruger at se hvad et billede
forestiller, uden at skulle vente p� lightbox.
Hvis brugeren s� finder det interessant, s� er det at vente p�
lightbox typisk ikke et problem, hvor imod at det er tr�ls at skal
bl�se samtlige billeder op, bare for at finde ud af hvad de
forestiller :)
Mange tak for dit link i �vrigt. Det er pr�cist det var jeg efter! S�
m� jeg se om jeg kan f� hovedet omkring det :)
Tak for hj�lpen :)
Stig Johansen
> Dit udgangspunkt er et ganske almindeligt JavaScript
> billedgalleri:
> http://webdesign101.dk/galleri/eksempler/galleri_2.php
Blev lige inspireret til at unders�ge om de nye IE'er underst�tter
addeventlistener.
Derfor lagde jeg en alert ind her:
<http://w-o-p-r.dk/tips/asp/kurt.pile.asp?billede=1>
Da jeg ikke har IE7 og IE8, pr�vede jeg browsershots med JS enabled, og der
er ingen alert.
Men s�dan noget bliver nok ikke vist, s�:
Er der en, der gider at se om der kommer en alert i hhv IE7 og IE8?
--
Med venlig hilsen
Stig Johansen
Stig Johansen
> Stig Johansen skrev:
>> Er der en, der gider at se om der kommer en alert i hhv IE7 og IE8?
>
> Jeg afpr�vede din side i IE8, og der var ingen popUp.
T�nkte det nok )suk).
>
> Blev lidt nysgerrig, da jeg i forvejen n�rkler med browserkompatibilitet
> generelt, og havde et par sider inde, kiggede jeg p�, hvad forfatterne
> bag disse sider s� havde at skrive om eventlisteners:
>
> http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html
>
> http://www.howtocreate.co.uk/wrongWithIE/?chapter=Event+Model
>
> ..specielt PPK/Quirksmode-siden synes interessant, selv om den er fra
> 2005, da der lader til at v�re samlet en del kloge ho'der i en
> konkurrence om det bedste crossbrowser eventlistenerscript.
Det var faktsik ogs� p� baggrund af en side:
<http://www.quirksmode.org/js/events_advanced.html>
Jeg kunne ikke finde nogen dato, men da de omtaler IE5+, gik jeg ud fra den
er rimelig gammel.
Selvf�lgelig var jeg s� naiv, at jeg troede MS ville f�lge W3C :-)
Det bliver nok aldrig bedre med dem, men det burde v�re en smal sag at
implementere add/remote eventlistner, som blot beh�ver v�re en wrapper om
deres egen.
Da jeg lavede det n�vnte eksempel til Kurt troede jeg faktisk attachevent
var fortid.
Stig Johansen
> Designet p� selve siden p�virker, at en direkte overgang til lightbox
> virker lidt som en "in your face" effect, p� den d�rlige m�de.
> Samtidig er mellemvejen med til give noget relevant fyld.
>
> Mellemst�rrelsen af billede tilader en bruger at se hvad et billede
> forestiller, uden at skulle vente p� lightbox.
Det synes jeg er en interssant tanke, og lad mig i den forbindelse komme med
et alternativt forslag.
(Vi glemmer lige lightbox;)
Hvis du f.eks. gemmer dine thumbnails i en 'mellemst�rrelse', s� synes jeg,
at implementeringen med 'zoom to middle' ovre p� browsershots.org er
rimelig genial.
Ved hover over den lille, zoomer den op til dobbelt st�rrelse, og det
snedige er, at uanset om det er en langsom maskine eller ej, s� er
'zoomprocessen' konstant over tid.
Ved klik kan man s� vise det store billede.
Jeg ved s� ikke hvad du mener med 'fuld st�rrelse' - full screen ?
Designer er jeg ikke, men teknisk set ser jeg ikke de voldsomme problemer
med at lave den smule javascript, der skal til.
Bare lidt tanker...
Jahirah
> (Vi glemmer lige lightbox;)
>
> Hvis du f.eks. gemmer dine thumbnails i en 'mellemst�rrelse', s� synes jeg,
> at implementeringen med 'zoom to middle' ovre p� browsershots.org er
> rimelig genial.
>
> Ved hover over den lille, zoomer den op til dobbelt st�rrelse, og det
> snedige er, at uanset om det er en langsom maskine eller ej, s� er
> 'zoomprocessen' konstant over tid.
>
> Ved klik kan man s� vise det store billede.
>
> Jeg ved s� ikke hvad du mener med 'fuld st�rrelse' - full screen ?
>
> Designer er jeg ikke, men teknisk set ser jeg ikke de voldsomme problemer
> med at lave den smule javascript, der skal til.
>
> Bare lidt tanker...
---------------8<-----------------------------------
Tusind tak for 'dine tanker'! Det er pudsigt hvor mange gange, og hvor hurtigt
ens forestilling om noget flot, kan �ndre sig ;D
Jeg var inde p� linket, og jeg g�r ud fra at den 'zoom-to-middle' effect du
snakker om er den der forekommer i showcase'en? Hvor den viser headeren af hver
side p� mouseover... eller?
Effekten er flot, ser meget "dyrere" (sv�rere) ud end den m�ske nok er. Den
passer desv�rre ikke s� godt ind i det grafiske design jeg har f�et sm�kket
sammen, da en s�dan mouse-over effect vil d�kke over vigtige punkter p� siden
(kompakt design).
Det kan ogs� v�re det er en anden effekt du hentyder til, jeg har altid v�ret
noget af en d�r til at navigere netop den side. Jeg har ikke engang fatte
hvordan man laver et browsershot endnu heller :/
Stig Johansen
news:4ad82a7d$0$282$1472...@news.sunsite.dk...
> Stig Johansen wrote in dk.edb.internet.webdesign:
> > rimelig genial.
>
> Jeg var inde p� linket, og jeg g�r ud fra at den 'zoom-to-middle' effect
du
> snakker om er den der forekommer i showcase'en? Hvor den viser headeren af
hver
> side p� mouseover... eller?
Nej, jeg t�nkte mere p� 'zoom effekter' p� eks:
http://browsershots.org/screenshots/
> Effekten er flot, ser meget "dyrere" (sv�rere) ud end den m�ske nok er.
Den er hverken 'dyr' eller 'sv�r', blot en 30-40 linier javascript.
> Jeg har ikke engang fatte
> hvordan man laver et browsershot endnu heller :/
Det kan jeg godt forklare, men det kr�ver den store ledvogtereksamen, og
h�rer ikke hjemme i .webdesign grupperne.
--
Med venlig hilsen/Best regards
Stig Johansen
Lars Raaby
--
Venlig Hilsen
Lars Raaby
warhammer 40.000
se mere p� www.beboer-nyt.dk