carola (isiway): Immer noch bildwechsel php mit bild-zählstatistik onclick

Beitrag lesen

Hallo,

ich hätte gern meine antwort auf den alten tread geschrieben, aber ich finde den antwort-button einfach nicht...

http://forum.de.selfhtml.org/?t=144987&m=940698

ich hoffe, dass ihr mich jetzt nicht völlig verstoßt...

Also, die Aufgabe war, das grosse Bild im parentframe zu tauschen und die klicks auf die kleinen bilder zu zaehlen. Das hatte ich im javascript versucht, und da ging es nicht...

Ich habe alle hinweise gelesen und alles mögliche ausprobiert, aber es klappt einfach nicht !!!! Ganz unten ist mein original-code.

Zitat des Lösungsansatzes:
Gemeint ist, dass du das Bild wie bisher über <img> oder Javascript oder wie auch immer du willst ganz normal einbindest, aber auf dem Server mitzählst, wenn das Bild geladen wurde. Das kann entweder über die Log-Dateien geschehen, oder manuell über z.B. eine gibBild.php, welche du dann anstelle des Bildes einbindest.

Beispiel: <img src="gibBild.php?bild=blumenwiese.jpg" […]/>

gibBild.php sieht dann etwa so aus:
<?php
// In $_GET["bild"] ist jetzt das angeforderte Bild, z.B. "blumenwiese.jpg"
zählehoch($_GET["bild"]); //Bildaufruf zählen
echo file_get_contents($_GET["bild"]); //Bild ausgeben
?>
Zitatende

Auch wenn ich das wie später diskutiert über readfile mache und den header vorweg schicke klappt es nicht.

Wo genau soll ich denn nun das gibBild.php einbinden? Ich habe es wie oben beschrieben im Javascript versucht,

parent.document.getElementById ('mac').innerHTML="<img src='gibBild.php?’"+welchesbildgross+"' alt=''>";

aber dann durch den Austausch mit dem innerhtml (?) passiert irgendwie nichts bzw. steht dann im Quellcode
<img src=“gibBild.php?bild....“> wird also nicht vorher interpretiert.

Also, bevor ich völlig verzweifle, wäre ich wirklich für weitere Hilfe dankbar!

Hier sind Ausschnitte der Ursprungsdateien mit Bildwechsel.

Index.php (zeigt das grosse bild an)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>

<body>
<!-- grosses foto anzeigen -->
<p id="mac"><img src="shop/fotos-online/gross/001.jpg" alt="" id="fotogross" name="fotogross"></p>

<!-- NAVIGATION BILDKATEGORIEN und BILDLEISTE UNTEN -->
<iframe src="bildleiste.php" name="iframe-bildleiste" id="iframe-bildleiste" frameborder="0" scrolling="auto">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen</p>
</iframe>

</BODY>
</HTML>

bildleiste.php (zeigt alle bilder an und soll das grosse bild auswechseln und klick zaehlen)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
 function showbild (welchesbildgross) {
 parent.document.getElementById ('mac').innerHTML="<img src='"+welchesbildgross+"' alt=''>";
 }
</script>
</head>

<body>
<table>
<tr>
 <td><a onclick="showbild('shop/fotos-online/gross/001.jpg')"><img src="shop/fotos-online/klein/001.jpg"></a></td>
 <td><a onclick="showbild('shop/fotos-online/gross/002.jpg')"><img src="shop/fotos-online/klein/002.jpg"></a></td>
</tr>
</table>
</body>
</html>

Anmerkung: Musste über innerhtml tauschen, sonst verzerrte der Mac das Bild, weil er die neue Bildgröße nicht mitbekam.

Gruß und danke

Carola (isiway)