Joachim: iFrame - wie einbauen oder gibt es eine bessere Möglichkeit?

Beitrag lesen

Hi,

ich möchte mit IrfanView Bildergalerien erstellen.

ich dachte immer, das Teil wäre ein Bildbearbeitungsprogramm ;-)

Um diese ein wenig aufzupeppen, habe ich das Template angepasst und ein kleines Frameset zusammengestellt (Beispiel hier: http://www.haettae-lila.de/hlsites/galerie/2008/1Blank/ )

Es gibt keinen Grund für ein Frameset. Eine derartige Aufteilung lässt sich problemlos mit einer Liste von Thumbnails und Dom-Methoden erreichen:

var state =  false;
    function load_image (path, wd, ht) {

var el,img, clone;

// Bild erzeugen und Eigenschaften zuweisen
        //
        img                 =  document.createElement("img");
        img.style.width     =  wd + "px";
        img.style.height    =  ht + "px";
        img.setAttribute("src", path);

// div ohne Inhalt kopieren
        // original div wegschmeissen und Bild in Kopie reinhängen
        // sicherheitshalber Kopie erneut die id zuweisen
        //
        el                  =  document.getElementById("orgdpl");
        clone               =  el.cloneNode(false);
        el.parentNode.replaceChild(clone,el);
        clone.appendChild(img);
        clone.id            =  "orgdpl";
    }

Im html brauchts das div zur Anzeige des Bildes
    <div id="orgdpl"></div>

und die Liste mit thumbs, etwa so:
    <li>
        <a title="..." href="orginal.jpg" onclick="load_image('orginal.jpg', 350, 470); return false;">
            <img src="thumb.jpg" width="52" height="70">
        </a>
    </li>

Im href bietest Du eine Alternativ-Url an, die nur dann zum Tragen kommt, wenn js aus ist.

Du kannst natürlich auch gleich eine lightbox verwenden ;-)

Gruesse, Joachim

--
Am Ende wird alles gut.