Antworten zum Thema „Umblätterffekt“

[MissHailie]

Ich hab da mal wieder eine (wenn auch kleine Frage).

Ich will hier

einen Umblätterffekt erzeugen. Quasi, dass die Bilder auf Seite 1, 2, 3, 4 usw angezeigt werden und man hin und her klicken kann.

Jetzt hab ich zwar von einem Freund einen Code in meine PHP datei eingefügt bekommen, aber verstehen tu ich es trotzdem nicht. Und funktionieren tuts es auch nicht.

Kann mir jemand helfen?

Hier der Code:

<?php
$page=$_GET['subpage'];
if($page=="page2")
{
?>
here u put the content u want for page2
<?php
}
elseif($page=="page3")
{
here u put the content u want _for page3
}
else{
?>
AND HERE PAGE1
<a href="galerie/image-001.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-001.jpg" border="0" /></a>
<a href="galerie/image-002.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-002.jpg" border="0" /></a>
<a href="galerie/image-003.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-003.jpg" border="0" /></a>
<a href="galerie/image-004.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-004.jpg" border="0" /></a>
<a href="galerie/image-005.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-005.jpg" border="0" /></a>
<a href="galerie/image-006.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-006.jpg" border="0" /></a>
<a href="galerie/image-007.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-007.jpg" border="0" /></a>
<a href="galerie/image-008.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-008.jpg" border="0" /></a>
<a href="galerie/image-009.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-009.jpg" border="0" /></a>
<a href="galerie/image-010.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-010.jpg" border="0" /></a>
<a href="galerie/image-011.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-011.jpg" border="0" /></a>
<a href="galerie/image-012.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-012.jpg" border="0" /></a>
<a href="galerie/image-013.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-013.jpg" border="0" /></a>
<a href="galerie/image-014.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-014.jpg" border="0" /></a>
<a href="galerie/image-015.jpg" rel="lightbox[roadtrip]"><img src="galerie/thumb-015.jpg" border="0" /></a>

<br>
<br>
<b>Herforder Sommerbühne 2009</b>
<b>Seligen Dank an Jörg Rambow, Mari Bauer und Hale Pakhuylu</b>
<br>
<br>
<a href="herford/herford001.jpg" rel="lightbox[roadtrip]"><img src="herford/h001.jpg" border="0" /></a>
<a href="herford/herford002.jpg" rel="lightbox[roadtrip]"><img src="herford/h002.jpg" border="0" /></a>
<a href="herford/herford003.jpg" rel="lightbox[roadtrip]"><img src="herford/h003.jpg" border="0" /></a>
<a href="herford/herford004.jpg" rel="lightbox[roadtrip]"><img src="herford/h004.jpg" border="0" /></a>
<a href="herford/herford005.jpg" rel="lightbox[roadtrip]"><img src="herford/h005.jpg" border="0" /></a>
<a href="herford/herford006.jpg" rel="lightbox[roadtrip]"><img src="herford/h006.jpg" border="0" /></a>
<a href="herford/herford007.jpg" rel="lightbox[roadtrip]"><img src="herford/h007.jpg" border="0" /></a>
<a href="herford/herford008.jpg" rel="lightbox[roadtrip]"><img src="herford/h008.jpg" border="0" /></a>
<a href="herford/herford009.jpg" rel="lightbox[roadtrip]"><img src="herford/h009.jpg" border="0" /></a>
<a href="herford/herford010.jpg" rel="lightbox[roadtrip]"><img src="herford/h010.jpg" border="0" /></a>
<a href="herford/herford011.jpg" rel="lightbox[roadtrip]"><img src="herford/h011.jpg" border="0" /></a>
<a href="herford/herford012.jpg" rel="lightbox[roadtrip]"><img src="herford/h012.jpg" border="0" /></a>
<a href="herford/herford013.jpg" rel="lightbox[roadtrip]"><img src="herford/h013.jpg" border="0" /></a>
<a href="herford/herford014.jpg" rel="lightbox[roadtrip]"><img src="herford/h014.jpg" border="0" /></a>
<a href="herford/herford015.jpg" rel="lightbox[roadtrip]"><img src="herford/h015.jpg" border="0" /></a>
<a href="herford/herford016.jpg" rel="lightbox[roadtrip]"><img src="herford/h016.jpg" border="0" /></a>
<a href="herford/herford017.jpg" rel="lightbox[roadtrip]"><img src="herford/h017.jpg" border="0" /></a>
<a href="herford/herford018.jpg" rel="lightbox[roadtrip]"><img src="herford/h019.jpg" border="0" /></a>
<a href="herford/herford020.jpg" rel="lightbox[roadtrip]"><img src="herford/h020.jpg" border="0" /></a>
<a href="herford/herford021.jpg" rel="lightbox[roadtrip]"><img src="herford/h021.jpg" border="0" /></a>
<a href="herford/herford022.jpg" rel="lightbox[roadtrip]"><img src="herford/h022.jpg" border="0" /></a>
<a href="herford/herford023.jpg" rel="lightbox[roadtrip]"><img src="herford/h023.jpg" border="0" /></a>
<a href="herford/herford024.jpg" rel="lightbox[roadtrip]"><img src="herford/h024.jpg" border="0" /></a>
<a href="herford/herford025.jpg" rel="lightbox[roadtrip]"><img src="herford/h025.jpg" border="0" /></a>
<a href="herford/herford026.jpg" rel="lightbox[roadtrip]"><img src="herford/h026.jpg" border="0" /></a>
<a href="herford/herford027.jpg" rel="lightbox[roadtrip]"><img src="herford/h027.jpg" border="0" /></a>
<a href="herford/herford028.jpg" rel="lightbox[roadtrip]"><img src="herford/h028.jpg" border="0" /></a>
<a href="herford/herford029.jpg" rel="lightbox[roadtrip]"><img src="herford/h029.jpg" border="0" /></a>
<a href="herford/herford030.jpg" rel="lightbox[roadtrip]"><img src="herford/h030.jpg" border="0" /></a>
<a href="herford/herford031.jpg" rel="lightbox[roadtrip]"><img src="herford/h031.jpg" border="0" /></a>
<a href="herford/herford032.jpg" rel="lightbox[roadtrip]"><img src="herford/h032.jpg" border="0" /></a>
<a href="herford/herford033.jpg" rel="lightbox[roadtrip]"><img src="herford/h033.jpg" border="0" /></a>
<a href="herford/herford034.jpg" rel="lightbox[roadtrip]"><img src="herford/h034.jpg" border="0" /></a>
<a href="herford/herford035.jpg" rel="lightbox[roadtrip]"><img src="herford/h035.jpg" border="0" /></a>
<a href="herford/herford036.jpg" rel="lightbox[roadtrip]"><img src="herford/h036.jpg" border="0" /></a>
<a href="herford/herford037.jpg" rel="lightbox[roadtrip]"><img src="herford/h037.jpg" border="0" /></a>
<a href="herford/herford038.jpg" rel="lightbox[roadtrip]"><img src="herford/h038.jpg" border="0" /></a>
<a href="herford/herford039.jpg" rel="lightbox[roadtrip]"><img src="herford/h039.jpg" border="0" /></a>
<a href="herford/herford040.jpg" rel="lightbox[roadtrip]"><img src="herford/h040.jpg" border="0" /></a>
<a href="herford/herford041.jpg" rel="lightbox[roadtrip]"><img src="herford/h041.jpg" border="0" /></a>
<a href="herford/herford042.jpg" rel="lightbox[roadtrip]"><img src="herford/h042.jpg" border="0" /></a>
<a href="herford/herford043.jpg" rel="lightbox[roadtrip]"><img src="herford/h043.jpg" border="0" /></a>
<a href="herford/herford044.jpg" rel="lightbox[roadtrip]"><img src="herford/h044.jpg" border="0" /></a>
<a href="herford/herford045.jpg" rel="lightbox[roadtrip]"><img src="herford/h045.jpg" border="0" /></a>
<a href="herford/herford046.jpg" rel="lightbox[roadtrip]"><img src="herford/h046.jpg" border="0" /></a>
<a href="herford/herford047.jpg" rel="lightbox[roadtrip]"><img src="herford/h047.jpg" border="0" /></a>
<a href="herford/herford048.jpg" rel="lightbox[roadtrip]"><img src="herford/h048.jpg" border="0" /></a>

<a href="herford/herford049.jpg" rel="lightbox[roadtrip]"><img src="herford/h049.jpg" border="0" /></a>
<a href="herford/herford050.jpg" rel="lightbox[roadtrip]"><img src="herford/h050.jpg" border="0" /></a>
<a href="herford/herford051.jpg" rel="lightbox[roadtrip]"><img src="herford/h051.jpg" border="0" /></a>
<a href="herford/herford052.jpg" rel="lightbox[roadtrip]"><img src="herford/h052.jpg" border="0" /></a>
<a href="herford/herford053.jpg" rel="lightbox[roadtrip]"><img src="herford/h053.jpg" border="0" /></a>
<a href="herford/herford054.jpg" rel="lightbox[roadtrip]"><img src="herford/h054.jpg" border="0" /></a>
<a href="herford/herford055.jpg" rel="lightbox[roadtrip]"><img src="herford/h055.jpg" border="0" /></a>
<a href="herford/herford056.jpg" rel="lightbox[roadtrip]"><img src="herford/h056.jpg" border="0" /></a>
<a href="herford/herford057.jpg" rel="lightbox[roadtrip]"><img src="herford/h057.jpg" border="0" /></a>
<a href="herford/herford058.jpg" rel="lightbox[roadtrip]"><img src="herford/h058.jpg" border="0" /></a>
<a href="herford/herford059.jpg" rel="lightbox[roadtrip]"><img src="herford/h059.jpg" border="0" /></a>
<a href="herford/herford060.jpg" rel="lightbox[roadtrip]"><img src="herford/h060.jpg" border="0" /></a>
<a href="herford/herford061.jpg" rel="lightbox[roadtrip]"><img src="herford/h061.jpg" border="0" /></a>
<a href="herford/herford062.jpg" rel="lightbox[roadtrip]"><img src="herford/h062.jpg" border="0" /></a>
<a href="herford/herford063.jpg" rel="lightbox[roadtrip]"><img src="herford/h063.jpg" border="0" /></a>

<a href="herford/herford064.jpg" rel="lightbox[roadtrip]"><img src="herford/h064.jpg" border="0" /></a>
<br>
<br>
<b>Fritz im Freien / Berlin 2009</b>
<b>Seligen Dank an www.virtualnights.com</b>
<br>
<br>

<a href="fritz/ff001.jpg" rel="lightbox[roadtrip]"><img src="fritz/f001.jpg" border="0" /></a>

<a href="fritz/ff002.jpg" rel="lightbox[roadtrip]"><img src="fritz/f002.jpg" border="0" /></a>

<a href="fritz/ff003.jpg" rel="lightbox[roadtrip]"><img src="fritz/f003.jpg" border="0" /></a>

<a href="fritz/ff004.jpg" rel="lightbox[roadtrip]"><img src="fritz/f004.jpg" border="0" /></a>

<a href="fritz/ff005.jpg" rel="lightbox[roadtrip]"><img src="fritz/f005.jpg" border="0" /></a>

<a href="fritz/ff006.jpg" rel="lightbox[roadtrip]"><img src="fritz/f006.jpg" border="0" /></a>

<a href="fritz/ff007.jpg" rel="lightbox[roadtrip]"><img src="fritz/f007.jpg" border="0" /></a>

<a href="fritz/ff008.jpg" rel="lightbox[roadtrip]"><img src="fritz/f008.jpg" border="0" /></a>

<a href="fritz/ff009.jpg" rel="lightbox[roadtrip]"><img src="fritz/f009.jpg" border="0" /></a>

<a href="fritz/ff010.jpg" rel="lightbox[roadtrip]"><img src="fritz/f010.jpg" border="0" /></a>

<a href="fritz/ff011.jpg" rel="lightbox[roadtrip]"><img src="fritz/f011.jpg" border="0" /></a>

<a href="fritz/ff012.jpg" rel="lightbox[roadtrip]"><img src="fritz/f012.jpg" border="0" /></a>

<a href="fritz/ff013.jpg" rel="lightbox[roadtrip]"><img src="fritz/f013.jpg" border="0" /></a>

<a href="fritz/ff014.jpg" rel="lightbox[roadtrip]"><img src="fritz/f014.jpg" border="0" /></a>

<a href="fritz/ff015.jpg" rel="lightbox[roadtrip]"><img src="fritz/f015.jpg" border="0" /></a>

<a href="fritz/ff016.jpg" rel="lightbox[roadtrip]"><img src="fritz/f016.jpg" border="0" /></a>

<a href="fritz/ff017.jpg" rel="lightbox[roadtrip]"><img src="fritz/f017.jpg" border="0" /></a>

<a href="fritz/ff018.jpg" rel="lightbox[roadtrip]"><img src="fritz/f018.jpg" border="0" /></a>

<a href="fritz/ff019.jpg" rel="lightbox[roadtrip]"><img src="fritz/f019.jpg" border="0" /></a>

<a href="fritz/ff020.jpg" rel="lightbox[roadtrip]"><img src="fritz/f020.jpg" border="0" /></a>

<a href="fritz/ff021.jpg" rel="lightbox[roadtrip]"><img src="fritz/f021.jpg" border="0" /></a>

<a href="fritz/ff022.jpg" rel="lightbox[roadtrip]"><img src="fritz/f022.jpg" border="0" /></a>

<a href="fritz/ff023.jpg" rel="lightbox[roadtrip]"><img src="fritz/f023.jpg" border="0" /></a>

<a href="fritz/ff024.jpg" rel="lightbox[roadtrip]"><img src="fritz/f024.jpg" border="0" /></a>

<a href="fritz/ff025.jpg" rel="lightbox[roadtrip]"><img src="fritz/f025.jpg" border="0" /></a>

<a href="fritz/ff026.jpg" rel="lightbox[roadtrip]"><img src="fritz/f026.jpg" border="0" /></a>

<a href="fritz/ff027.jpg" rel="lightbox[roadtrip]"><img src="fritz/f027.jpg" border="0" /></a>

<br>
<br>
<b>Malte und Jan bei Radio Bremen</b>
<b>Seligen Dank an www.radiobremen.de</b>
<br>
<br>

<a href="radiobremen/bremen001.jpg" rel="lightbox[roadtrip]"><img src="radiobremen/b001.jpg" border="0" /></a>

<a href="radiobremen/bremen002.jpg" rel="lightbox[roadtrip]"><img src="radiobremen/b002.jpg" border="0" /></a>

<a href="radiobremen/bremen003.jpg" rel="lightbox[roadtrip]"><img src="radiobremen/b003.jpg" border="0" /></a>

<a href="radiobremen/bremen004.jpg" rel="lightbox[roadtrip]"><img src="radiobremen/b004.jpg" border="0" /></a>

<a href="radiobremen/bremen005.jpg" rel="lightbox[roadtrip]"><img src="radiobremen/b005.jpg" border="0" /></a>



<a href="radiobremen/bremen006.jpg" rel="lightbox[roadtrip]"><img src="radiobremen/b006.jpg" border="0" /></a>

<a href="radiobremen/bremen007.jpg" rel="lightbox[roadtrip]"><img src="radiobremen/b007.jpg" border="0" /></a>

<a href="radiobremen/bremen008.jpg" rel="lightbox[roadtrip]"><img src="radiobremen/b008.jpg" border="0" /></a>

<a href="radiobremen/bremen009.jpg" rel="lightbox[roadtrip]"><img src="radiobremen/b009.jpg" border="0" /></a>

<a href="radiobremen/bremen010.jpg" rel="lightbox[roadtrip]"><img src="radiobremen/b010.jpg" border="0" /></a>

<br>
<br>
<b>Deichbrand Festival / Cuxhaven 2009</b>
<b>Seligen Dank an www.n-joy.de</b>
<br>
<br>
<a href="deichbrand1/deichbrand1001.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d001.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1002.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d002.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1003.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d003.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1004.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d004.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1005.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d005.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1006.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d006.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1007.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d007.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1008.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d008.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1009.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d009.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1010.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d010.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1011.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d011.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1012.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d012.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1013.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d013.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1014.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d014.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1015.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d015.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1016.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d016.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1017.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d017.jpg" border="0" /></a>

<a href="deichbrand1/deichbrand1018.jpg" rel="lightbox[roadtrip]"><img src="deichbrand1/d018.jpg" border="0" /></a>


<br>
<br>
<b>Deichbrand Festival / Cuxhaven 2009</b>
<b>Seligen Dank an Karsten Thurau wwwmusik.terrorverlag.de</b>
<br>
<br>
<a href="deichbrand2/deichbrand2001.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2001.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2002.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2002.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2003.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2003.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2004.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2004.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2005.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2005.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2006.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2006.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2007.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2007.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2008.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2008.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2009.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2009.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2010.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2010.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2011.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2011.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2012.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2012.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2013.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2013.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2014.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2014.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2015.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2015.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2016.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2016.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2017.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2017.jpg" border="0" /></a>

<a href="deichbrand2/deichbrand2018.jpg" rel="lightbox[roadtrip]"><img src="deichbrand2/d2018.jpg" border="0" /></a>
<?php
}

?>

 

[Duddle]

AW: Umblätterffekt

Mit "Umblättereffekt" meinst du einfach eine Slideshow mit Fade-Out/-In, oder tatsächlich das Eselsohr, das man in manchen Flash-Applikationen sieht?

Ich nehme mal ersteres an, da im Code schon lightbox erwähnt wird. Ist natürlich super, dass dir dein Freund das ohne Erklärung hinwirft Aber wofür gibt es Foren.

Es gibt verschiedene sog. Lightbox-Scripts, die alle den selben Effekt bringen und mehr oder weniger weit entwickelt sind. Am bekanntesten ist schätze ich mal und wenn du auf deren Seite gehst hast du unten auch eine sehr gute Beschreibung, wie du es einrichten musst.


Duddle

 

[MissHailie]

AW: Umblätterffekt

ähh neee
die lightbox funzt perfekt.

ich möchte quasi sowas wie hier



nur nicht zwischen pressefotos und gallery wechseln..sondern Seite 1, Seite 2, Seite 3 etc.

 

[r3nt5ch3r]

AW: Umblätterffekt

z.B.: