Bilderwechsel mit Übernahme geänderter Bildgrößen
Hallo.
Auf einer Website sollen mehrere Thumbnails dargestellt werden. Durch anklicken eines Thumbs soll sich ein großes Bild ändern. Die Bilder liegen in Landscape und Porträt vor. Deshalb habe ich ein PHP Script, in dem die Bildgröße abgefragt wird. Anschließend wird die Bildgröße so berechnet, dass die längere Seite 450 Pixel hat und die kürzere Seite angepaßt wird. Dies funktioniert von der Berechnung her einwandfrei.
$image = getimagesize($bildname); $breite = $image[0]; $hoehe = $image[1];
if ($breite > $hoehe) { $faktor = $breite / 450; $anzeigebreite = 450; $anzeigehoehe = round ( $hoehe / $faktor ); }
else { $faktor = $hoehe / 450; $anzeigehoehe = 450; $anzeigebreite = round ( $breite / $faktor ); }
Nun zu meinem eigentlichen Problem. Wie übergebe ich dem großen Bild (Name = photo) den neuen Bildnamen und die neuen Abmessungen?
Weiss jemand einen Rat. Ich habe leider keine Literatur, wo so etwas drinnen steht. Bestand Dank im voraus
Antworten
Ich versteh dein Problem nicht ganz, wie zeigst du denn die großen Bilder momentan an? Zeigst du sie überhaupt schon an?
Du kannst den Thumbs die Größe und Namen mitgeben beim Erstellen, aber bei großen Bildern kommst du nicht weiter?
2.
Es existiert nur ein großes Bild. Durch anklicken eines der Thumbnails soll das große Bild ausgetauscht werden.
3.
$image = getimagesize($bildname); $breite = $image[0]; $hoehe = $image[1];
if ($breite > $hoehe) { $faktor = $breite / 450; $anzeigebreite = 450; $anzeigehoehe = round ( $hoehe / $faktor ); }
else { $faktor = $hoehe / 450; $anzeigehoehe = 450; $anzeigebreite = round ( $breite / $faktor ); }
OT:
list($breite,$hoehe)=getimagesize($bildname); und wieder eine variable gespart.
zum thema:
wennst das so willst, das du auf einen thumb KLICKST und irgendwas soll sich ändern, dann hast du deinen rezeptor gefunden. javascript-handle heisst onClick(machwas); oder verlinke den thumb mit irgendwas. der link übergibt dir dann irgendwas, und öffnet das irgendwo; mal ein beispiel:
<a href="zeigebild.php?id=763" target="schnuffi"><img src="bild.jpg width="123" heigth="234" alt=""></a>
öffnet datei zeigebild.php im framefenster namens schnuffi, und übergibt zeigebild.php die variable $_GET["id"] mit dem wert 763.
in der datei zeigebild.php suchst anhand der id das richtige bild dazu und lässt es anzeigen. im eigenen interesse sorge dafür das die variable id geprüft wird; mögliches angriffsrisiko.
für effekthascherei kannst dich noch mit css und dhtml spielen und eine transition einbauen, damit des bild ned nur so reinschneit, sondern ordentlich effektvoll eingeblendet wird.