Ergebnis 1 bis 2 von 2
  1. #1
    kellerwirt ist offline Grünschnabel
    registriert
    20-11-2004
    Beiträge
    3

    Exclamation sprung innerhalb von frames

    Tach Leute!

    Ich hab (dank eurer Hilfe...) ein Fotoalbum mit vor/zurück funktion und text zu jedem Bild. Jetz kommt es aber vor das ich zu einem Thema arg viele Bilder habe und ich gleich auf Bild nummer 50 springen will. deshalb habe ich mich dazu entschieden in einem frame daneben eine minimierte voransicht aller zu diesem thema verfügbaren bilder bereit zu stellen. dort möchte ich die möglichkeit bieten direkt bei klick auf ein bild, im anderen/rechten Frame an diesen Punkt des Fotoalbums zu springen. Kann mir da jemand weiterhelfen`?

    Hier noch mal der code für mein aktuelles Album:
    PHP-Code:
    <html

    <
    head
    <
    META HTTP-EQUIV="imagetoolbar" CONTENT="no"
    <
    meta http-equiv="Content-Language" content="de"
    <
    meta http-equiv="Content-Type" content="text/html; charset=windows-1252"
    <
    title>Slideshow</title
    <
    STYLE type="text/css"
    <!-- 
    BODY 
    scrollbar-face-color#12FF00; 
    scrollbar-highlight-color#12FF00; 
    scrollbar-3dlight-color#000000; 
    scrollbar-darkshadow-color#12FF00; 
    scrollbar-shadow-color#000000; 
    scrollbar-arrow-color#000000; 
    scrollbar-track-color#12FF00; 

    --> 

    .
    input 
    font-size12px
    font-familyverdana
    color#000000; 
    background-color#ffffff; 
    border:1px solid #669900; 
    border-top-width 1px
    border-right-width 1px
    border-bottom-width 1px
    border-left-width 1px
    text-indent 2px

    </
    STYLE
    </
    head

    <
    body link="#000000" vlink="#000000" alink="#000000" scroll="no"
    <
    div align="center"
      <
    center
      <
    table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="300" id="AutoNumber1" height="300"
        <
    tr
          <
    td background="Galerie/bg.gif"
    <
    p align="center"
    <
    a id="bildlink" target="_blank" title="Bild in Originalgröße anschauen" href="0.gif"
    <
    img src="IMG_0001.JPG" name="photoslider" border="0" width="290" height="290"></a></td
        </
    tr
      </
    table
      </
    center
    </
    div
    <
    div id="bildtext" style="text-align:center;font-family:verdana,arial;">Text zu Bild 1</div
    <
    form method="POST" name="rotater"
    <
    script type="text/javascript" language="JavaScript1.1"
    var 
    photos=new Array() 
    var 
    which=

    /*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/ 
    photos[0]="IMG_0001.JPG" 
    photos[1]="IMG_0002.JPG" 
    photos[2]="IMG_0003.JPG" 
    photos[3]="IMG_0004.JPG" 
    photos[4]="IMG_0005.JPG" 
    photos[5]="IMG_0006.JPG" 
    photos[6]="IMG_0009.JPG" 
    photos[7]="IMG_0011.JPG" 
    photos[8]="IMG_0013.JPG" 
    photos[9]="IMG_0014.JPG" 
    photos[10]="IMG_0015.JPG" 
    photos[11]="IMG_0016.JPG" 
    photos[12]="IMG_0017.JPG" 
    photos[13]="IMG_0019.JPG" 
    photos[14]="IMG_0020.JPG" 
    photos[15]="IMG_0021.JPG" 
    photos[16]="IMG_0022.JPG" 
    photos[17]="IMG_0023.JPG" 
    photos[18]="IMG_0025.JPG" 
    photos[19]="IMG_0026.JPG" 
    photos[20]="IMG_0027.JPG" 
    photos[21]="IMG_0028.JPG" 
    photos[22]="IMG_0030.JPG" 
    photos[23]="IMG_0031.JPG" 
    photos[24]="IMG_0032.JPG" 

    var text=new Array() 
    text[0] = "Text zu Bild 1" 
    text[1] = "Text zu Bild 2" 
    text[2] = "Text zu Bild 3" 
    text[3] = "Text zu Bild 4" 
    text[4] = "Text zu Bild 5" 
    text[5] = "Text zu Bild 6" 
    text[6] = "Text zu Bild 7" 
    text[7] = "Text zu Bild 8" 
    text[8] = "Text zu Bild 9" 
    text[9] = "Text zu Bild 10" 
    text[10] = "Text zu Bild 11" 
    text[11] = "Text zu Bild 12" 
    text[12] = "Text zu Bild 13" 
    text[13] = "Text zu Bild 14" 
    text[14] = "Text zu Bild 15" 
    text[15] = "Text zu Bild 16" 
    text[16] = "Text zu Bild 17" 
    text[17] = "Text zu Bild 18" 
    text[18] = "Text zu Bild 19" 
    text[19] = "Text zu Bild 20" 
    text[20] = "Text zu Bild 21" 
    text[21] = "Text zu Bild 22" 
    text[22] = "Text zu Bild 23" 
    text[23] = "Text zu Bild 24" 
    text[24] = "Text zu Bild 25" 

    function backward(){ 
    if (
    which>0){ 
    window.status='' 
    which-- 
    document.images.photoslider.src=photos[which
    document.getElementById("bildlink").href=photos[which]; 
    document.getElementById("bildtext").innerHTML text[which]; 

    else 

    window.status='Anfang der Bilder' 



    function 
    forward(){ 
    if (
    which<photos.length-1){ 
    which++ 
    document.images.photoslider.src=photos[which
    document.getElementById("bildlink").href=photos[which]; 
    document.getElementById("bildtext").innerHTML text[which]; 

    else 

    window.status='Ende der Bilder' 
    //which=1;backward();return false 



    </script> 
    <p align="center"> 
    <input  class="input" type="button" name="B2" value="<< zurück" onClick="backward()"><input  class="input" type="button" name="B3" value="neu starten" 
          onClick="which=1;backward();return false"><input  class="input" type="button" name="B1" 
          onClick="forward()" value="weiter >>"><br> 
          </p> 
        </form> 
    </body> 

    </html> 
    Geändert von Manitou (20-11-2004 um 21:22 Uhr)

  2. #2
    Avatar von Manitou
    Manitou ist offline Lounge-Member
    registriert
    01-06-2001
    Ort
    Winsen/Aller
    Beiträge
    3.206

    AW: sprung innerhalb von frames

    Das geht ganz einfach in dem du in deinem Vorschauframe den Link unter den Bildern so gestaltest, dass die Variable which im slideshow-Frame auf den entsprechenden Wert-1 gesetzt wird und du anschließend die Funktion forward() im slideshow-Frame aufrufst. Dann erscheint sofort das gewünschte Bild.
    You ask this of me who have contemplated the very vectors of the atoms in the Big Bang itself? Molest me not with this pocket calculator stuff.

    (Deep Thought in Douglas Adams' The Hitch Hiker's Guide to the Galaxy)

Ähnliche Themen

  1. Navigation frames problem (target)
    Von kingu im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 24-03-2004, 18:23
  2. Frames brechen brauche hilfe
    Von masters001 im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 19-04-2003, 22:23
  3. Von Frames und Contribute
    Von Albu im Forum Smalltalk
    Antworten: 6
    Letzter Beitrag: 26-03-2003, 19:14
  4. reloadsperre bei frames einzelner frames
    Von Sandro0123 im Forum Allgemeines
    Antworten: 3
    Letzter Beitrag: 26-11-2002, 12:43
  5. Antworten: 13
    Letzter Beitrag: 29-11-2001, 23:19

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •