Anzeige

JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen

JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen | PSD-Tutorials.de

Erstellt von martinhahn90, 22.04.2009.

  1. martinhahn90

    martinhahn90 Nicht mehr ganz neu hier

    Dabei seit:
    23.06.2008
    Beiträge:
    56
    Geschlecht:
    männlich
    JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen
    Servus Jungs und Mädels,

    ich habe ein wunderbares Galeriescript gefunden, welches soweit auch supergut funktioniert.
    Eine Liveversion hiervon kann man unter Fotodesign Martin Wissen - Startseite - Industriefotografie Borken sehen.

    Das Script geht so vor, dass in der index.php, also der Galerieseite eine <li>-Liste steht.
    Jede einzelne Zeile bekommt dabei eine "value" zugewiesen, sowie einen genauen Thumbnail-Pfad.
    Beispiel:
    <li value="1"><img src="thumbs/Manfred-Leuchter-01.jpg" width="45" height="35" alt="" /></li>


    Nun geht das Script bei der Suche nach dem großen Bild scheinbar wie folgt vor:
    Es liest aus, dass die Value 1 ist und denkt sich: Ah, dann muss das große Bild (zu finden im Ordner "fullsize") wohl 1.jpg heißen.

    Das ist toll und auch super funktionsfähig. Das große Aber kommt jedoch nun:
    Mein Onkel (der Fotograf) möchte selber die Namen für das Bild festlegen und nicht bloss Nummern drin haben. Ihm liegt so etwas nahe wie "Manfred-Leuchter-01", wie oben auch das Thumbnail heißt.
    Nun stehe ich vor der Frage, wie ich es hinbekomme, dass das Script lernt, nicht die Value-Eingabe als Großbildtitel zu nutzen, sondern den Titel des Thumbnails (liegt in einem anderen Ordner als das Großbild, gleiche Dateinamen machen also keine Probleme).

    Zudem stellt sich die Frage, ob dann die "ein Bild vor" bzw. "ein Bild zurück"-Funktion noch so wunderbar klappt (derzeit einfach +1 bzw. -1, aber hier müsste er ja dann einfach die value -1/+1 setzen und dann schauen, was dahinter für ein Thumbname steht...?!)

    Hoffe, ihr könnt mir helfen.


    Die Slide.js: http://martinhahn90.ma.funpic.de/martin-wissen/slide.js
    Die packed.js: http://martinhahn90.ma.funpic.de/martin-wissen/packed.js



    Vielen, vielen Dank im Voraus :)
     
    #1      
  2. Doitsu

    Doitsu Aktives Mitglied

    Dabei seit:
    15.04.2009
    Beiträge:
    482
    JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen
    AW: JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen

    Man koennte es so machen:
    du speicherst ein Array, der kay = value (Sind ja nur zahlen, is also alleine so), der Wert das Bild.
    also:
    Code (Text):
    1. pics = new Array("bild1.jpg", "bild2.jpg" usw.);
    in der Funktion getimg suchst du jetzt:
    Code (Text):
    1.             if(!document.getElementById(id)){
    2.                 var i=document.createElement('img');
    3.                 ia.appendChild(i);
    4.                 i.id=id; i.av=0; i.style.opacity=0;
    5.                 i.style.filter='alpha(opacity=0)';
    6.                 i.src=imgdir+'/'+id+imgext;
    7.             }
    und ersetzt das mit:
    Code (Text):
    1.             if(!document.getElementById(id)){
    2.                 var i=document.createElement('img');
    3.                 ia.appendChild(i);
    4.                 i.id=id; i.av=0; i.style.opacity=0;
    5.                 i.style.filter='alpha(opacity=0)';
    6.                 i.src=imgdir+'/'+pics[id];
    7.             }
    Ich bin mir nicht sicher ob es geht, aber man kanns ja mal versuchen :eek:
     
    #2      
  3. martinhahn90

    martinhahn90 Nicht mehr ganz neu hier

    Dabei seit:
    23.06.2008
    Beiträge:
    56
    Geschlecht:
    männlich
    JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen
    AW: JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen

    Ähem - erst einmal danke für deine Antwort. Leider bin ich was PHP angeht auch noch recht unbedarft. Zwar arbeite ich momentan ab und an daran, aber noch bin ich da nicht wirklich fit drin.

    Meine Frage ist nun, an welcher Stelle das Array auftauchen muss. Und, wenn mich nicht alles täuscht, muss das doch dann über eine datenbank laufen?! Bisher ging es nämlich ohne Datenbank. Ein Backend wird aber noch hinzu kommen...;)
     
    #3      
  4. FlashSoft

    FlashSoft Besserwisser

    Dabei seit:
    26.02.2009
    Beiträge:
    852
    Geschlecht:
    männlich
    Ort:
    Leipzig
    Software:
    Photoshop CS5, Dreamweaver, Flash 8 & CS4
    Kameratyp:
    Digikam
    JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen
    Zuletzt bearbeitet: 22.04.2009
    #4      
  5. martinhahn90

    martinhahn90 Nicht mehr ganz neu hier

    Dabei seit:
    23.06.2008
    Beiträge:
    56
    Geschlecht:
    männlich
    JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen
    AW: JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen

    @FLashSoft: Ich ducke mich schon, weil ich euch mit meinem Unwissen nicht auf den Allerwertesten gehen möchte. Aber: Wie? Ach, ist das frustrierend, so wenig zu wissen in diesem Bereich. Aaaaber: Ich will's ändern =)
     
    #5      
  6. Doitsu

    Doitsu Aktives Mitglied

    Dabei seit:
    15.04.2009
    Beiträge:
    482
    JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen
    AW: JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen

    Wie was, PHP? Habe nix von PHP gesagt. :D
    (Arrays gibts auch in JS, sowie in vielen anderen Programmier sprachen ..)
    Den Array fuegst du einfach nach
    Code (Text):
    1. var slideShow=function(){
    2.     var bxs,bxe,fxs,fxe,ys,ye,ta,ia,ie,st,ss,ft,fs,xp,yp,ci,t,tar,tarl;
    ein.. Datanbank brauchst du nicht, warum auch? Deine 'Datenbank' ist im dem Fall der Array - den du allerdings von Hand anlegen must..

    @FlashSoft: Dann kann man auch gleich im Value den Namen eingeben..
    was allerdings nicht geht, da der value-Wert im laufe des codes in eine Zahl geparst wird.
     
    #6      
  7. martinhahn90

    martinhahn90 Nicht mehr ganz neu hier

    Dabei seit:
    23.06.2008
    Beiträge:
    56
    Geschlecht:
    männlich
    JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen
    AW: JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen

    Erstmal danke - es scheint noch einen kleinen Fehler zu geben, vermutlich in meiner Datenbenennung oder so, aber immerhin bekomme ich keinen Error ausgegeben, sondern nur kein großes Bild. Ist doch schon einmal etwas wert, hehe.

    Fotodesign Martin Wissen - Startseite - Industriefotografie Borken

    -> Thumbs werden angezeigt, die großen Bilder allerdings nicht.

    Meine Codezeile in der Slide.js:
    pics = new Array("fullsize/Manfred-Leuchter-01.jpg", "fullsize/Martin-Hahn-01.jpg", "fullsize/May-Lagerhalle-01.jpg", "fullsize/Mehrkornbroetchen-01.jpg", "fullsize/Plus-Felix-01.jpg", "fullsize/Windrad-01.jpg");

    Meine Codezeile in der index.php (Thumbs):
    <li value="1"><img src="thumbs/Manfred-Leuchter-01.jpg" width="45" height="35" alt="" /></li>
    <li value="2"><img src="thumbs/Martin-Hahn-01.jpg" width="45" height="35" alt="" /></li>
    <li value="3"><img src="thumbs/May-Lagerhalle-01.jpg" width="45" height="35" alt="" /></li>
    <li value="4"><img src="thumbs/Mehrkornbroetchen-01.jpg" width="45 height="35" alt="" /></li>
    <li value="5"><img src="thumbs/Plus-Felix-01.jpg" width="45" height="35" alt="" /></li>
    <li value="6"><img src="thumbs/Windrad-01.jpg" width="45" height="35" alt="" /></li>
     
    #7      
  8. Doitsu

    Doitsu Aktives Mitglied

    Dabei seit:
    15.04.2009
    Beiträge:
    482
    JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen
    AW: JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen

    Nimm das "fullsize/" raus.
    Edit:
    Code (Text):
    1.  
    2.             if(!document.getElementById(id)){
    3.                 var i=document.createElement('img');
    4.                 ia.appendChild(i);
    5.                 i.id=id; i.av=0; i.style.opacity=0;
    6.                 i.style.filter='alpha(opacity=0)';
    7.                 i.src=imgdir+'/'+pics[id];
    8.             }
    Oder da das > imgdir+'/'+ <
     
    #8      
  9. FlashSoft

    FlashSoft Besserwisser

    Dabei seit:
    26.02.2009
    Beiträge:
    852
    Geschlecht:
    männlich
    Ort:
    Leipzig
    Software:
    Photoshop CS5, Dreamweaver, Flash 8 & CS4
    Kameratyp:
    Digikam
    JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen
    AW: JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen

    Ich sehe jetzt aber auch nicht wo was zu ner Funktion übergeben wird. In deiner slide.js ist nix zu finden die packed.js ist schwer zu lesen.

    FlashSoft
    <<<--- Heute nen schlechten Tag --->>>
     
    #9      
  10. Doitsu

    Doitsu Aktives Mitglied

    Dabei seit:
    15.04.2009
    Beiträge:
    482
    JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen
    AW: JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen

    nav:function :
    Code (Text):
    1. this.getimg(tar[parseInt(c)+d])
    init:function :
    Code (Text):
    1. var id=t[i].value; tar[i]=id;
    Also die id ist der value-Wert, & die id wird im Array tar gespeichert.. der key wird wird zum Intiger gemacht..

    .. & das sind beides die gleichen datein, die eine mit whitespace die andere ohne.
     
    #10      
  11. martinhahn90

    martinhahn90 Nicht mehr ganz neu hier

    Dabei seit:
    23.06.2008
    Beiträge:
    56
    Geschlecht:
    männlich
    JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen
    AW: JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen

    Verdammt geil. Klasse, danke. Nur ein einziges Problem gibt es noch: Er überspringt das erste Foto, startet gleich mit dem zweiten. ZEigt das erste Foto aber auch nicht an, wenn man die Zurcük-Funktion nutzt.

    Das Problem hatte ich bereits mit einem anderen Foto, da lag der Fehler an der Dateibenennung (.jpg.jpg, aus versehen die Dateiendung gedoppelt), aber das Bild Nummer 1 findet er auch auf dem Server wie angegeben...


    Edit: Glaube, ich weiß generell wo der Fehler liegt. Er rechnet immer ein Bild zu weit, deswegen passen die Thumbnails auch nciht zusammen. Daher sieht man, wenn man auf Thumb1 klickt Bild2. Und wenn man auf Thumb6 klickt, dann sucht er Bild7, das gibt es aber ja nicht, also sucht und sucht und sucht er. Richtig? *schonmal im Voraus ganz stolz sei*

    Edit2: Theorie am A*sch, er sucht am Ende nicht unendlich nach Bild7, sondern wiederum nur nach Bild1, welches er komischerweise nicht findet...*Stolz zurücknehm* :D

    Edit3: Oh man, das war jetzt einfach. Habe das erste Bild in der JavaSctipt-Datei einfach doppelt eingebunden und schon funktioniert es wunderbar.

    PS: Ich liebe dich^^
     
    Zuletzt bearbeitet: 22.04.2009
    #11      
  12. Doitsu

    Doitsu Aktives Mitglied

    Dabei seit:
    15.04.2009
    Beiträge:
    482
    JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen
    AW: JavaScript-Galerie sucht nach ThumbID statt nach Dateinamen

    Ja, ein Array faengt bei dem Key '0' an, das hatte ich nicht bedacht ..
    eine loesung dagenen waere auch:
    Code (Text):
    1.  
    2. pics = { 1 : "BILD1",
    3.     2 : "BILD2",
    4.     3 : "BILD3"
    5.     .. usw.
    6. };
    Oder halt wie du, das eine doppelt. :D
     
    #12      
Seobility SEO Tool
x
×
×