Ergebnis 1 bis 4 von 4

Thema: Fotoalbum

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

    Smile Fotoalbum

    Hallo an alle...

    Also hab mal ne Bitte an euch. Ich bin jetzt sein geraumer Zeit auf der Suche nach einem Fotoalbum. Doch hab ich leider noch nicht das passende gefunden, darum wende ich mich jetz mal an euch.
    Es is eigentlich nix weiter kompliziertes, die navigation soll über vor/zurück Button`s erfolgen (das hab ich nebenbei gesagt auch schon gefunden) aber ich möchte gerne auch noch das zu jedem bild auch ein text erscheint.hab nur keine ahnung wie ich das machen kann.
    Wäre schön wenn ihr mir helfen könnt (wobei ich mir sicher bin)
    Ach ihr sollte evtl noch wissen das ich überhaupt nix verstehe von jayascript und co... bin eher der grafiker...

    Danke an euch

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

    AW: Fotoalbum

    Meinst du sowas?

    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=0

    /*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> 
    Du musst natürlich noch die Namen der Bilder und die Texte anpassen. Die Liste lässt sich beliebig verländern, das Prinzip ergibt sich ja aus dem vorhandenen.
    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)

  3. #3
    kellerwirt ist offline Grünschnabel
    registriert
    20-11-2004
    Beiträge
    3

    Thumbs up AW: Fotoalbum

    Mensch Tausend Dank! Das ging ja wirklich fix und war genau das was ich wollte.
    Aber noch ne kleine frage hätte ich. Wollte gerne das das Album lediglich in einem einfachen fenster auf geht (also ohne "Adresse, datei, vor, zurück, bearbeiten...ect)
    Was muss ich da im quelltext ändern? Hab schon ma bissel rumprobiert aber is nicht wirlich das wahre raus gekomm...
    Ach ja und eines noch.Meine Bilder sollten alle die gleichen abmessungen haben sehe ich, sonst sind sie im vorschaufenster verzerrt dargestellt. Kann man den quelltext ohne größeren aufwand so ändern, dass er die bilder auch wenn sie zum beispiel im hochvormat vorliegen, automatisch anpasst?
    Wäre nett wenn mir dabei jemand weiterhelfen kann...

  4. #4
    shorebreaker ist offline Grünschnabel
    registriert
    24-12-2004
    Beiträge
    1

    AW: Fotoalbum

    lösche die width und hight werte und die bilder werden in den entsprechenden originalgrössen angezeigt.
    die zeile sieht dann so aus:
    <a id="bildlink" target="_blank" title="Bild in Originalgröße anschauen" href="0.gif">
    <img src="IMG_0001.JPG" name="photoslider" border="0"></a>

    ich hoffe dir gedient zu haben. habe noch eine bitte. du hast doch im beitrag "sprung innerhalb von frames" einen lösungsansatz zu deinem anliegen erhalten. hast du das problem lösen können? ich habe verzweifelt versucht das besagte umzusetzen, jedoch ohne erfolg. wäre dir dankbar wenn du mir weiterhelfen könntest, denn ich auch vorschaubilder auf ein fotoalbum verlinken. habe noch keine grosse fachkenntnis, da ich mich erst seit kurzem im selbststudium an die programiersprache herangetastet habe.

Ähnliche Themen

  1. Broserübergreifendes Fotoalbum
    Von kasimir83 im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 01-07-2003, 12:31

Lesezeichen

Berechtigungen

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