wenn ihr auf ein kleines Bild drückt wird über Javascript eine Tabelle eingeblendet in der das Originalbild angezeigt wird …
das SAUDUMME ist nur das die großen Bilder auch schon geladen werden wenn man die Seite öffnet … genau das wollte ich eigentlich vermeiden … die großen Bilder sollen erst geladen werden wenn man auf die kleinen klickt
… wie kann ich das realisieren (ich möchte ja das auch Leute ohne DSL mal meine Seite besuchen
Das erreichst du mittels einem Asynchronen Laden von Inhalten über AJAX
(Asynchronous JavaScript And XML)
Du lädst bei dieser Methode die Bilder nach wenn sie benötigt werden.
Bitte nicht über die komplexität wundern ^^
JavaScript
//globale Instanz von XMLHttpRequest
var xmlHttp = false;
//XMLHttpRequest-Instanz erstellen
//... für Internet Explorer
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
xmlHttp = false;
}
}
//... für Mozilla, Opera, Safari usw.
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
function loadData(url,id)
{
if (xmlHttp)
{
xmlHttp.open('GET', 'loadimage.php?id=' + id + '&url=' + url, true);
xmlHttp.onreadystatechange = answere;
xmlHttp.send(null);
}
}
function answere()
{
if (xmlHttp.readyState == 4)
{
var idpart = xmlHttp.responseText.split("|");
var id = idpart[0]
document.getElementById(id).innerHTML = idpart[1]
}
}
loadimage.php
[PHP]<?php
$url = $_GET["url"];
$id = $_GET["id"];
echo $id;
?>
| [/PHP]
schön das das schon mal hinhaut … jetzt muss ich nur noch verstehen was mir der Code sagen will … dann schaffe ich es vielleicht das in meine Seite einzubauen
