Fato: Bildergallerie

Hallo,

Ich habe eine frage zu einer Bildergalerie:

und zwar hab ich momentan eine, da kann ich über die kleinen bilder mit der maus drüberfahren, und sie verändern ihre grösse, wenn ich aber drauf klicke, dann werden sie im rechten Frame gross angezeigt.

Ich hab das ganze so gemacht, das ich 2 frames habe im linken alle kleinen bilder im rechten Das grosse.(natürlich immer ein neues, je nachdem welches angeklickt wird.)

Nun möcht ich aber, dass gleichzeitig text angezeigt, wird, wenn ich das kleine Bild anzeige.

Ich hab es bis jetzt so gelösst:

<script type="text/javascript">
function high(bild,b,h)
{
  bild.height=h;
  bild.width=b;
}

function low(bild,b,h)
{
  bild.height=h;
  bild.width=b;
}
</script>

while ($bild = mysql_fetch_assoc($res1)) {
echo "<a href='2005/" . $bild["bild"] . ".jpg' target='rightFrame'><img border='0' src='2005/" . $bild["bild"] . ".jpg' onmouseover='high(this,80,80)' onmouseout='low(this,60,60)' width='60' height='60'></a>";
};

das ganze geht halt über die Datenbank.

Ich glaube nur, dass das so eher eine schlechte lösung ist, und ich will eigentlich alles auf einer seite haben, und nicht tausende von frames auf einer seite haben.

Fals jemand eine Idee hat, wie ich das anders machen kann, oder mir ein Tutorial empfehlen kann, bin ich über glücklich.

Das ganze ist auf http://www.sic-raum.ch im Berreich Archiv zu besichtigen.

Ich freue mich auf eine Antwort

MFG Fato

  1. Ich glaube nur, dass das so eher eine schlechte lösung ist, und ich will eigentlich alles auf einer seite haben, und nicht tausende von frames auf einer seite haben.

    ja, es ist eine eher suboptimale lösung - einerseits kannst du die bilder nicht direkt anlinken, andererseits nicht auf die galerie verlinken und gleichzeitg ein bestimmtes bild anzeigen

    Fals jemand eine Idee hat, wie ich das anders machen kann, oder mir ein Tutorial empfehlen kann, bin ich über glücklich.

    fang erstmal mit html und css an, wenn deine seite dann so aussieht, wie sie aussehen soll (ohne frames) kannst du dich um die programmierung (ohne javascript und als komfortvariante mit javascript) kümmern

    Das ganze ist auf http://www.sic-raum.ch im Berreich Archiv zu besichtigen.

    na bitte, die seite ist extrem einfach

    eine liste fürs menu, eine liste für die bildergalerie und ein div für den textbereich ganz rechts

    dürfte in ein paar stunden (html) hinzubekommen sein, dann gehts weiter

  2. Hallo,

    Ich habe eine frage zu einer Bildergalerie:

    und zwar hab ich momentan eine, da kann ich über die kleinen bilder mit der maus drüberfahren, und sie verändern ihre grösse, wenn ich aber drauf klicke, dann werden sie im rechten Frame

    Frames sind out!

    Da du augenscheinlich sowieso PHP nutzt, warum nicht gleich für die ganze Seite?

    schönes WE
    thebach

    --
    selfcode: ie:% fl:( br:> va:) ls:& rl:( n4:~ ss:| de:> js:( ch:? mo:} zu:)
    "Egal, ob ein Sandkorn oder ein Stein. Im Wasser sinken sie beide."
    1. Hi ja das mach ich schon, doch weiss ich auch auf php basis nicht, wie ich das mit dem Multifunktionalen Hyperlink machen soll...

      1. Hi ja das mach ich schon, doch weiss ich auch auf php basis nicht, wie ich das mit dem Multifunktionalen Hyperlink machen soll...

        was muss denn daran multifunktional sein?

        du übergibst einen paramter der identifziert auf welche seite du bist (seite=bildergalerie) und einen welcher identifziert, welches bild du hast (nur in der galerie) bild=1

        1. Also, die Lösung: Kauf mir ein HTML buch und lerne was über span... hat mir jemand eine gute Empfehlung?

          Vielen dank euch, für die schnelle antworten...übrigens hat sich über uns grad voll der sturm entleert...(Würzburg)
          Grüsse

          Fato

          1. Hi,

            Also, die Lösung: Kauf mir ein HTML buch und lerne was über span... hat mir jemand eine gute Empfehlung?

            wie wäre es mit SELFHTML oder dem zum Download angebotenen Buch "Professionelle Websites" von Stefan Münz?

            BTW: Eine "Gallerie" gibt es nicht. Entweder hast du eine deutsche "Galerie" oder eine englische "gallery".

            Schönen Sonntag noch!
            O'Brien

            --
            Frank und Buster: "Heya, wir sind hier um zu helfen!"
            1. Hallo O'Brien

              Vielen dank für den Link, ich werde es mir mal anschauen. hört sich viel versprechend an.

              BTW: Eine "Gallerie" gibt es nicht. Entweder hast du eine deutsche "Galerie" oder eine englische "gallery".

              Danke für die Korrektur:D immer wieder schön darauf aufmerksam gemacht zu werden...

              grüsse

              fato

        2. Hi,

          Sorry aber ich packs halt wirklich nicht...

          Könntest du mir nicht mal ein beispiel machen, wie so ein code ausschauen sollte?

          Was ich verstehe, ist, dass div/span container sind, doch sind die das auch für bilder? und wenn ja, wie sag ich einem bild, dass es sich genau in diesem einen container öffnen soll, wenn ichs anklicke? geht das durch target? oder durch alt? oder wie?

          ich weiss, ich stress euch wahrscheinlich voll, aber ich würd so gern weiter kommen...

          Danke euch lg

          Fato

          1. Hallo,

            Was die anderen wohl sagen wollen: Dein Link soll ein ganz normaler Link sein. Er ruft dabei die Gallerieseite wieder auf. Damit das Bild dann aber in der Grossansicht erscheint, muss PHP angewiesen werden, welche URL die Grossansicht bekommt (um sie in das href-Attribut des img-Elements einzutragen). Darum ruft der Link die Seite in folgender Form auf:

            http://example.com/pfad/zur/bildergalerie.php?show=123

            D.h., es wird ein Query-String mit dem Feld "show" übergeben, dass hier die ID des Bildes enthält. PHP kann auf den Parameter via $_GET['show'] zugreifen. Somit kannst du aus deiner Datenbank die Adresse des Bilds auslesen und passend in die HTML-Datei eintragen.

            Hinweis: Nicht vergessen, jede vom Benutzer getätigte/manipulierbare Eingabe (hier der "show" Parameter) gründlich zu prüfen!

            Gruß

            1. ok ich habs nun ein wenig anders gelösst, doch über javascript:

              function bild1() {
              document.thumb.src = document."pic1".scr;
              }

              und der dazugehörige link schaut so aus:

              <a href="javascript:bild1()"><img src="blabla.jpg" name = "pic1"></a>

              doch nun weiss ich nicht, wie ich in javascript sagen kann, dass ein Text und zwar der dem Pic entsprechendem Text in <span id="text"></span> angezeigt werden kann.

              kann ich das irgendwie so machen:

              write.text.src = "Irgend ein text...ect.";

              Vielen dank auch diesmal für die Antworten

              Grüsse Fato

              1. Hallo,

                Na gut, wenn`s unbedingt mit JavaScript sein muss...

                Du solltest zumindest einmal <http://de.selfhtml.org/javascript/sprache/index.htm@title=die Sprachbeschreibung> und dann <http://de.selfhtml.org/javascript/objekte/index.htm@title=die für dich interessanten JavaScript-Objekte> anschauen. Dein Code ist nämlich noch etwas arg wild...

                Vermeide in diesem Zusammenhang das "name"-Attribut und nehme stattdessen überall "id". Auf die Elemente kannst du am besten mit document.getElementById("gesuchte_id") zugreifen. Ausserdem ist es nicht nötig, für jedes Bild eine eigene Funktion zu erstellen, wenn du einen Parameter verwendest. Um den Text anzugeben, kann man die Eigenschaft innerHTML verwenden (wobei ich mir nicht sicher bin, dass dies bei allen Browsern funktioniert).

                Gruß

                1. Hallo,

                  Na gut, wenn`s unbedingt mit JavaScript sein muss...

                  wenn ich das also mit $_get('show') machen würde, wie kann ich dann dem Bild sagen, dass es genau dahin soll? auch durch id?

                  Ich verstehs halt einfach nicht so wirklich...

                  und wie mach ich das mit dem Link? was sage ich dem href? wenn ich ein href hab, dann muss ich doch entweder eine url angeben oder aber mit js was machen...nicht?

                  ich kann mir halt einfach nicht vorstellen, wie der code aussehen sollte. es wär einfacher wenn ichs mal vor augen hab...

                  naja, egal.

                  und das mit dem innerHtml, dass ist für mich genauso neuland wie all das andere...
                  Sieht scheisse aus, meine position;D

                  Auf jedenfall danke für eure mühe und ein schönen abend noch, irgendwie werd ichs schon noch schaffen.

                  LG Fato

                  1. Hallo,

                    Na gut, ich bin ja nicht so ;-)

                    PHP:

                      
                      /* Grossansicht erzeugen */  
                      $id = intval($_GET['show']); // intval() gegen böse Benutzereingaben  
                      $q = mysql_query('SELECT bildspalte, beschreibungsspalte FROM tabellenname WHERE idspalte = '.$id); // bildspalte, beschreibungsspalte, tabellenname und idspalte müssen an deine Tabelle angepasst werden!  
                      if (mysql_num_rows($q)!= 1)  
                        die('Falscher ID-Wert!'); // Könnte man schöner machen  
                      else {  
                        $img = mysql_fetch_array($q);  
                        print('<img href="'.htmlspecialchars($img[0]).'" alt="'.htmlspecialchars($img[1]).'" />');  
                        print('<p>'.htmlspecialchars($img[1]).'</p>');  
                      }  
                    
                    

                    Die Links bei den Thumbnails erzeugst du dann wie bereits gesagt.

                    Gruß

      2. Hallo

        Hi ja das mach ich schon, doch weiss ich auch auf php basis nicht, wie ich das mit dem Multifunktionalen Hyperlink machen soll...

        PHP ist eine serverseitige Sprache und liefert auch nur HTML aus. So einen "Multifunktionalen Hyperlink" müsstest du schon mit JavaScript realisieren. Aber bitte beherzige zunächst suit's Vorschlag.

        thebach

        --
        selfcode: ie:% fl:( br:> va:) ls:& rl:( n4:~ ss:| de:> js:( ch:? mo:} zu:)
        "Egal, ob ein Sandkorn oder ein Stein. Im Wasser sinken sie beide."