Kako narediti takšen slideshow v Html-ju?

5 naročnikov

Kako narediti takšen slideshow v Html-ju?
Rad bi, da bi pri vsaki sliki bil integriran prosojni text opis!

http://www.chicagoautoshow.com/index.asp#

z-index

http://www.w3schools.com/Css/prposz-index.asp
http://www.impressivewebs.com/a-detailed-look-at-the-z-index-css-property/

http://net.tutsplus.com/freebies/plugins/s3slider-jquery-plugin/

Ta nima moznosti preklapljanja, AFAIK.

Oglej si:
http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

Več načinov imaš kako to narediti. Vse kakor boš potreboval eno png sliko, ki bo na spodanji strani modra, potem pa se bo prelivala v prosojno. Naj bo le en pixel široka, saj jo lahko potem z css-jem repeataš.

Mislm, pa da IE6 bolj slabo prikaže .png slike.

Eno od idej je z z-indexom kot je predlagal AlesK. Lahko pa nardiš 2 div-a eden znotraj drugega, obema določi višino in širino. V zunanjega v background dodaj prikazano sliko. V background notranjega, pa dodaj to .png sliko, ki se preliva. V ta div lahko dodaš še text.

Če te pa zanima "slideshow" boš pa potreboval javascipt. Narediš 5 zgornjih div-ov. Vsi naj bodo "hidden". onclick na eden gumb se kliče funkcija, ki določen div prikaže, druge skrije.

SpinX:
http://net.tutsplus.com/freebies/plugins/s3slider-jquery-plugin/

SpinX hvala bo tale kar vredu!