PHP und JavaScript

[fredolin]

Hallo Tutorials Leute,

hab mal wieder ein Problem.
Ich habe einige Arrays in PHP , unteranderem wird eine Bildergalerie damit erstellt.

Da diese Bildergalerie aus dem JavaScript Imagesflow zusammengebaut wird, will ich gerne die Bilder im Still von Lightwindow öffnen.
Unter Imagesflow kann ich über longdesc auf das Großbild verlinken, aber die wird dann in einen PopUP Fenster geöffnet.

So nun benötige ich Eure Hilfe. und poste mal hier meinen Code:

Hier die PHP Arrays

$imagesflow = array(
	'thumbs'	=> array(
					'01' =>	'img/gallery/fesselspiele/thumbs/spielart_01.jpg', 
					'02' =>	'img/gallery/fesselspiele/thumbs/spielart_02.jpg',
					'03' =>	'img/gallery/fesselspiele/thumbs/spielart_03.jpg',
					'04' =>	'img/gallery/fesselspiele/thumbs/spielart_04.jpg',
					);
Dieses Array stellt die Bilder in der Imageflow Galerie dar.

Array 2:
$imagesflowbig =  array(
					        '01' =>	'img/gallery/fesselspiele/big/spielart_01.jpg', 
						'02' =>	'img/gallery/fesselspiele/big/spielart_02.jpg',
						'03' =>	'img/gallery/fesselspiele/big/spielart_03.jpg',
						'04' =>	'img/gallery/fesselspiele/big/spielart_04.jpg',
					     );
Hier den Pfad zum großen Bild

Array3: 
$imagesflowheight = array(
						'01' =>	'667', 
						'02' =>	'438',
						'03' =>	'474',
						'04' =>	'386',
						);

Hier die Bildhöhe

Array 4:
$imagesflowwidth = array(
						'01' =>	'500', 
						'02' =>	'500',
						'03' =>	'500',
						'04' =>	'500',
						);

Hier die Bildweite




echo '<div id="myImageFlow" class="imageflow">';
			foreach ($imagesflow['thumbs'] as $i => $bild){
							$i +1;
				echo '<img id="'.$i.'" src="'.$bild.'"  border="0" width="157" height="235" alt="Image '.$i.'" />';
			}
echo'
	</div>';

Das ist der Aufruf für die Galerie.

So wie kann ich nun die Bilder so steuern, das ich im Still von Lightwindow das große Bild öffnet was ich in der Galerie angeklickt habe.

Mein Versuch war

echo'
<div id="myImageFlow" class="imageflow">';
foreach ($imagesflow['thumbs'] as $i => $bild){
	$i +1;
	echo '<img id="'.$i.'" onClick="openBigImages()" src="'.$bild.'"  border="0" width="157" height="235" alt="Image '.$i.'" />';
}
echo' </div>';

Baer ich weiß nun nicht weiter. Kann mir da einer helfen, da ich denke es nicht ohne JavaScript geht.

Gruß
Fredolin

 

[Da_Chris]

Wenn du es in eine javascript gallery ausgeben lassen willst dann wirst du um javascript nicht herumkommen.

Als erstes würde ich dir mal empfehlen die arrays umzubauen um diese struktur zu bekommen:

Hier die PHP Arrays

$imagesflow = array(
          "01" => array(
                     "thumb" => 'thumbs/spielart_01.jpg',
                     "big" => 'big/spielart_01.jpg',
                     "height" => 667,
                     "width" => 500
          ),
         ...
);

damit lässt sich das einfacher handeln