nicky: Bildgalerie

hallo:)

ich hätte eine frage leider kenn ich mich bei javascript nicht so gut aus ich möchte aber gerne eine bildergalerie machen..und zwar so wie diese

http://www.ride4fun.de/Bildergalerie/Galerie03/galerie03.html

kann mir vielleicht jemand einen tipp geben wo ich dieses script finde(bei dem im quelltext kenn i mi irgendwie nit so guat aus) oda so ein ähnliches wo es mir nicht so schwer fällt mit meinen wenigen kenntnissen dieses zu verändern?

danke, wäre echt voll lieb von euch

  1. Hallo,

    abgesehn davon, dass es nicht gerade liebreizend ist, fremden Quellcode komplett zu verwenden, zumal dieser nicht gerade auf dem neuesten Stand ist, brauchst Du nur Weniges zu aendern.

    Zunaaechst brauchst Du alle Bilder in der Groesse 275 x 200
    (siehe Zeile <img name="mainpic" src="startXYgalerie.jpg" width=275 height=200 border=0>, hier waere das Mindeste, anstatt width=275 height=200 width="275" height="200" zu schreiben)

    Dann musst Du noch in die Zeilen vom Typ
    <a href="javascript:doPic('bildXYg.jpg');">
    deine eigenen Bildernamen einsetzen.

    Zudem gibt es noch einige Zeilen vom Typ
    <img src="../../Elemente/Grafiken/Navigation/NavigationNEU/NAV_home_UP.gif" width="25" height="25" alt="Home" border="0">, wo Du halt Deine eigenen Symbole bzw. Pfade einsetzen musst.

    Das waers im Prinzip

    Dieter

  2. halli hallo,
    das scrript ist aber nicht so kompiziert.......
    versuchs einfach mal aus, bastle dir was zusammen - probiern geht über studieren.
    aber eigentlich ists einfach: kopiere mal das script, und ändere diesen bereich.

    <td width="75" valign="top"><a href="javascript:doPic('bild01g.jpg');"><img src="bild01k.jpg" width="75" height="50" border="0"></a></td>

    das bild01g.jpg (g in diesem fall für gross) duch das grössere bild, und bild01k.jpg (k für klein) durch dein kleineres pic...

    ansonnsten mail mir doch mal!

  3. Hallo nicky,

    ich hätte eine frage leider kenn ich mich bei javascript nicht so gut aus ich möchte aber gerne eine bildergalerie machen..und zwar so wie diese
    http://www.ride4fun.de/Bildergalerie/Galerie03/galerie03.html

    bei mir passiert da nichts, wenn ich auf die Bilder klicke :-) - das liegt aber an einer etwas dämlichen browserüberprüfung, wenn ich meinem Opera nämlich sage, er soll sich als IE oder Netscape ausgeben funktioniert es nach einigem herumklicken auch.

    kann mir vielleicht jemand einen tipp geben wo ich dieses script finde(bei dem im quelltext kenn i mi irgendwie nit so guat aus) oda so ein ähnliches wo es mir nicht so schwer fällt mit meinen wenigen kenntnissen dieses zu verändern?

    wenn du in den Quelltext schaust (was du ja vermutlich getan hast), siehts du eine Zeile die so aussieht:
    <img name="mainpic" src="start04galerie.jpg" width=275 height=200 border=0>
    von dieser Zeile wird (soll zumindest) mit 'document.mainpic.src = imgOn;' die Bildquelle (src="") geändert. wenn du xhtml-gerecht arbeiten willst (da gibt es kein attribut name="" mehr), musst du mit document.image[3].src = "anderedatei.jpg" (wobei die Nummer angibt, das wievielte Bild das zu ändernde im Dokument ist) arbeiten. lies dazu auch http://selfhtml.teamone.de/javascript/objekte/images.htm ('allgemeines' und 'src')
    wenn du noch fragen hast, meld dich halt nochmal.

    Grüße aus Nürnberg
    Tobias

  4. hallo:)

    ich hätte eine frage leider kenn ich mich bei javascript nicht so gut aus ich möchte aber gerne eine bildergalerie machen..und zwar so wie diese

    http://www.ride4fun.de/Bildergalerie/Galerie03/galerie03.html

    kann mir vielleicht jemand einen tipp geben wo ich dieses script finde(bei dem im quelltext kenn i mi irgendwie nit so guat aus) oda so ein ähnliches wo es mir nicht so schwer fällt mit meinen wenigen kenntnissen dieses zu verändern?

    Das Skript ist bescheuert, weil es völlig unnötigerweise Benutzer mit Browsern, auf denen die Funktion möglich wäre, von der Funktion ausschliest.

    <SCRIPT LANGUAGE="JavaScript" type="text/javascript">

    function doPic(imgName)
    {
     if(document.images && document.mainpic) document.mainpic.src = imgOn;
    }

    </script>

    HTML Code:

    <a href="bild9_gross.jp" target="new"
    onclick="doPic(this.href);return false">
    <img src="bild19_klein.jpg" width="75" height="50" border="0">
    </a>

    und du musst ein Bild einbauen mit dem Namen 'mainpic'
    und alle grossen Bilder müssen die gleiche Größe haben.

    Das obige hat im gegensatz zu der von dir angegebenen Seite auch ohne JS noch eine Funktion und  man kann die Links mit einem HMTL Editor bearbeiten, was in der anderen Version nicht geht, dort musst du den Quelltext verändern.

    Struppi.