Bildegalleri med thumbnails

[sindrejibb]

Jeg skulle gjerne hatt et bildegalleri hvor bildene vises slik at det er en rekke med thumbnails horisonalt nederst, og når du trykker på en thumbnail vises bildet i stort format ovenfor. Jeg vet ikke om jeg trenger PHP til dette, men spør her jeg. Vet noen om et enkelt slikt album? Skal gjerne inkludere den på siden, altså vil helst ikke ha en ekstern side med album.

 

Takker for svar!

[NorskFirefox]

http://gallery.menalto.com/ kan være noe

[sindrejibb]

Det så veldig avansert ut, men er vel verdt et forsøk. Er det flere themes du kan velge mellom der da?

 

Noen andre forslag?

[alec1]

http://mortz.tjokk.net/kode/php/gamle-php-scripts/

 

Her finner du et ok bildegalleri i PHP. Ikke allverdens funksjoner men går greit til enkelt bruk.

Endret 2. januar 2008 av alec1

[sindrejibb]

Skjønte ikke så veldig mye av dem må jeg innrømme, ihvertfall ikke det første. Dessuten er det vel ikke sånn galleri som jeg har tenker på? Jeg vil ha alle bildene i en horisontal rekke nederst, og det bildet du trykker på i stort format rett over

 

|------------------------------------|

|------------------------------------|

|------------------------------------|

|-----------stort format-----------|

|------------------------------------|

|------------------------------------|

|------------------------------------|

 

<- OGSÅ MANGE SMÅ BILDER HER ->

Endret 4. januar 2008 av sindrejibb

[onTop]

Skjønte ikke så veldig mye av dem må jeg innrømme, ihvertfall ikke det første. Dessuten er det vel ikke sånn galleri som jeg har tenker på? Jeg vil ha alle bildene i en horisontal rekke nederst, og det bildet du trykker på i stort format rett over

 

|------------------------------------|

|------------------------------------|

|------------------------------------|

|-----------stort format-----------|

|------------------------------------|

|------------------------------------|

|------------------------------------|

 

<- OGSÅ MANGE SMÅ BILDER HER ->

 

Du kan jo teste ut dette også: http://www.huddletogether.com/projects/lightbox2/

[trrunde]

zendphoto

[sindrejibb]

Det lightbox-greia var kult. Den måten der å gjøre det på er kul.

Valgte den jeg, synes det funka fint!

 

Men på denne linken: http://www.huddletogether.com/projects/lightbox2/

 

Der er det et eksempel, og der var det sånne fine rammer rundt thumbnailen. Hvordan får jeg til det?

 

Her kan dere se resultatet: http://www.verticalprod.110mb.com/020108.html

Endret 6. januar 2008 av sindrejibb

[Kim T]

img {
padding-top: 2px;
padding-left:2px;
padding-right:2px;
padding-bottom:6px;
border: solid #CCCCCC 1px;
background-color: #666666;
}

 

Da skal du få noe likt som det de har på den siden. Kan være en ide å lage en klasse på thumbsnail'ene dine slik at det er bare disse får denne effekten og ikke alle bildene dine på siden.

Endret 7. januar 2008 av Kim T

[sindrejibb]

Ja, noe sånt ville sikkert funke ja. Hvordan lager jeg klasser?

[Kim T]

img.thumbs {
det du vil at skal skje med thumbs
}
HTML:
<img class="thumbs" src="shots/ski1.jpg" width="60" height="50" border="0"/>

 

Kim...

Endret 7. januar 2008 av Kim T

[sindrejibb]

Fiksa litt på den, Kim. Fargen osv. Dessuten fant jeg ut at det er greit å ha like stor border på alle sider. Takk for hjelpa, ble veldig fornøyd selv!

 

Du kan se resultatet her: http://www.verticalprod.110mb.com/020108.html

Endret 7. januar 2008 av sindrejibb

[sindrejibb]

Men den 3 px paddingen rundt, fungerer ikke i IE! Kun den ytterste 1px borderen. Noen som vet hvorfor?

[grimjoey]

IE er sær. prøv om det hjelper å sette position: relative; i css regelen.

[sindrejibb]

Neh, det hjalp ikke :/

[grimjoey]

du kan teste annen syntaks (padding: <top> <right> <bottom> <left>:

 

padding: 2px 2px 6px 2px;

 

(og det kan være lurt å huske mellomrom etter colon)

Endret 7. januar 2008 av grimjoey

[Kim T]

hehe grimjoey, jeg klarer aldri å huske hva som er top og bunn osv... i den regelen der. Derfor valgte jeg å skrive slik som jeg gjorde. Men hvis han skal ha lik padding rundt hele er det vel bare å skrive padding: 2px;

 

Kim...

[grimjoey]

bruk en teksteditor med snippets. jeg skriver bare padding[tab] så får jeg opp alle alternativer.

[sindrejibb]

Prøve alle alternativene deres, funker ikke.

 

Hater IE så sykt!

[grimjoey]

har du css i egen fil med <link rel="stylesheet" ...> i hovedfilen? avslutt tagen med /> dersom det ikke er gjort. har du javascript som <script src=".." type="text/javascript"> sleng på en </script> dersom det ikke er gjort ... sjekk at alle tags er stengt. sett <!doctype> dersom det ikke er gjort (ellers kjører IE i en modus som heter quirksmode som ødelegger mye). du kan forresten ikke ha <?xml version=""> tag først i filen som egentlig skal være der dersom det er xhtml