Anzeige

in bild frame lightbox galerie erstellen

in bild frame lightbox galerie erstellen | PSD-Tutorials.de

Erstellt von ghuana2006, 25.11.2008.

  1. ghuana2006

    ghuana2006 Noch nicht viel geschrieben

    Dabei seit:
    05.12.2007
    Beiträge:
    22
    Geschlecht:
    weiblich
    Ort:
    janz janz janz weit wech...
    Software:
    PS, DW, FW, ...
    Kameratyp:
    Canon Eos 400d
    in bild frame lightbox galerie erstellen
    hallo alle zusammen,

    beiss mir mal wieder seit tagen die zähne an meiner homepage aus.
    oh gott den titel dieses threats werdet ihr sicherlich nicht kapieren, deswegen erst mal vorweg eine hoffentlich für euch verständliche erklärung:

    also ich hab meine hp mittels slices über photoshop erstellt anschliessend in dreamweaver alle seiten miteinander verlinkt etc. mein ziel ist es die seite komplett nur über die einzelnen bilder (also die frames) zu verwalten. ihr werdet bestimmt sagen warum ist doch total blöd oder umständlich aber mir ist es so einfach lieber.

    so jetzt zu meinem problem:
    ich habe ein portfolio in dem ich dann meine ganzen bilder mittels lightbox darstellen möchte.
    nun weiss ich nicht wie ich den contentbereich (der ja bis jetzt noch eine png datei ist) so bearbeiten kann (eventl. photoshop) das ich einfach nur die thumbnails der bilder mit dem lightbox effekt verknüpfe. wenn ich die thumbnails mittels ps auf den content schiebe und anschliessend wieder als png datei speicher kann ich ja wiederrum nicht auf die einzelnen thumbs zugreifen um sie zu verlinken bzw.verknüpfen.
    ich hoffe ich habt verstanden worauf ich hinaus will. ist bissle schwierig aufzuschreiben.

    ich dank euch schon mal im voraus

    liebe grüsse
     
    #1      
  2. thomasspeck

    thomasspeck be simple.

    Dabei seit:
    20.04.2007
    Beiträge:
    160
    Geschlecht:
    männlich
    Software:
    CS 3 Design Premium und neu CS5, WeBuilder08, TopStyle pro
    Kameratyp:
    Nikon D200
    in bild frame lightbox galerie erstellen
    AW: in bild frame lightbox galerie erstellen

    Öh wie?

    Für Lightbox brauchst Du im <a> des, den Bild umgebenden, Links ein Attribut namens rel="lightbox".
    Aber wie Du in einem Bild ein Bild verlinken willst ist mir schleierhaft.
     
    #2      
  3. mitstreiter

    mitstreiter psd2web

    Dabei seit:
    24.02.2006
    Beiträge:
    1.252
    Geschlecht:
    männlich
    Ort:
    München
    Software:
    Adobe CS3 Master Collection
    Kameratyp:
    Canon Eos 1000D
    in bild frame lightbox galerie erstellen
    AW: in bild frame lightbox galerie erstellen

    die website würde ich gerne mal sehen xD.
     
    #3      
  4. Bohemund

    Bohemund Guest

    in bild frame lightbox galerie erstellen
    AW: in bild frame lightbox galerie erstellen

    ich kann mir vorstellen was du meinst aber so funktioniert das einfach nicht. die thumbnails sind einzelne elemente und die bilder die in lightbox angezeigt werden sollen ebenfalls.

    wie du in Part 2 unter Lightbox JS 2.0 siehst, muss der quellcode so aussehen...

    HTML:
    1. <div>
    2. <a href="images/bild-1.jpg" rel="lightbox[gallerie]"><img src="bild1.jpg" alt="Bild 1"></a>
    3. <a href="images/bild-2.jpg" rel="lightbox[gallerie]"><img src="bild2.jpg" alt="Bild 2"></a>
    4. <a href="images/bild-3.jpg" rel="lightbox[gallerie]"><img src="bild3.jpg" alt="Bild 3"></a>
    5. </div>
    6.  
     
    #4      
  5. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    in bild frame lightbox galerie erstellen
    AW: in bild frame lightbox galerie erstellen

    genau so sieht das aus. Du wirst schon die thumbnails vereinzeln müssen, dann kannt du für jedes einzelne auch einen link setzen, wie es in der Doku zu Lightbox beschrieben ist.
    Ist auf der einen Seite kein riesen Ding, auf der anderen Seite kann dir PS dabei nur soviel weiterhelfen, als dass Du damit die Thumbs erstellen kannst.
    ist aber auch die halbe miete, die Verlinkung ist dann nur noch reine Kopier-/Schreibarbeit.
     
    #5      
  6. ghuana2006

    ghuana2006 Noch nicht viel geschrieben

    Dabei seit:
    05.12.2007
    Beiträge:
    22
    Geschlecht:
    weiblich
    Ort:
    janz janz janz weit wech...
    Software:
    PS, DW, FW, ...
    Kameratyp:
    Canon Eos 400d
    in bild frame lightbox galerie erstellen
    AW: in bild frame lightbox galerie erstellen

    hmm,
    das mit dem code und so ist mir ja klar und das ich jedes bild natürlich einzeln verlinken muss auch nur wie krieg ich das hin mit den thumnails?


    http://s3b.directupload.net/file/d/1624/kjedh47i_jpg.htm


    bild erklärung:

    1) ist im prinzip der teil (.png bild)wo mein text drin steht, und wenn sich da mal was ändern soll ändere ich mir den text in photoshop einfach ab und lade ihn einfach im austausch zur alten datei wieder hoch. (so meine vorstellung :D)

    2) ist dann der teil bei portfolio sein soll auf dem aber kein text angezeigt werden soll sondern eben die thumbnails meiner bilder. aber ich blicks auf keinem auge wie ich das anstellen soll. wahrscheinlich steh ich eh nur auf der leitung und brauch nur ne stubs zur richtigen lösung.

    war das jetzt einigermassen verständlich wie ich mir das so in meinem hirn zusammen gesponnen hab?? :D

    danke auf jeden fall für eure antworten

    gruss
     
    Zuletzt bearbeitet: 25.11.2008
    #6      
  7. Bohemund

    Bohemund Guest

    in bild frame lightbox galerie erstellen
    AW: in bild frame lightbox galerie erstellen

    sorry, das ist totaler käse... du musst vor html keine angst haben :D

    du kannst das png-bild im css in den background des divs legen und den text ganz simpel hardcoded in den quelltext schreiben.


    und die bilder wie oben beschrieben einbinden...

    HTML:
    1. <a href="images/bild-3.jpg" rel="lightbox"><img src="myThumbnail.jpg" alt="Bild 3" /></a>
    2.  
     
    #7      
  8. ghuana2006

    ghuana2006 Noch nicht viel geschrieben

    Dabei seit:
    05.12.2007
    Beiträge:
    22
    Geschlecht:
    weiblich
    Ort:
    janz janz janz weit wech...
    Software:
    PS, DW, FW, ...
    Kameratyp:
    Canon Eos 400d
    in bild frame lightbox galerie erstellen
    AW: in bild frame lightbox galerie erstellen

    hi,

    haja doch schon irgendwie.

    aber darum geht es mir nicht mir ist es so einfacher alles zu gestalten denn ich schreib ja in die einzelnen pages nicht einfach nur text rein.
    weisst ehe ich mich da jetzt durch das ganze html bis ins detail durcharbeite
    mach ich es lieber so. fällt mir um einiges einfacher, da ich in photoshop mir dann alles so ändern und bearbeiten kann. ganz schnell und easy.
    der teil von der preisliste sieht z.b. so aus:

    Directupload.net - D5ditmvk9.png

    bis ich das jetzt genau so über html lerne wie es geht änder ich doch einfach das bild.
    wie gesagt ist ja auch gar nicht das prob. brauch nur ne idee wie ich das mit der galerie super easy und vereinfacht :D für ein kleines dummerles mädel :D erstellen kann (also bzw. das halt mit den thumbs)

    an alle profis :D bitte nicht aufregen über meine erstellweise hihihi :D


    Die Site ist ja eigentlich schon online (hat mir jemand gemacht) bin aber überhaupt nicht zufrieden damit einfach schrecklich. zumal sie auch noch über joomla läuft mit was ich überhaupt nicht klar komme und mich eigentlich nur nervt.
    deswegen hab ich ja jetzt alles selbst nochmal "nachgebaut" (in html, template war eh schon von mir) und mir eben diese idee ausgedacht.
    ich würd mich echt super freuen wenn irgendjemand mir eine idee hat.
    egal ob die art und weise die page nachher zu administrieren totaler humbuck in kenner augen ist.
     
    Zuletzt bearbeitet: 25.11.2008
    #8      
  9. tombeat

    tombeat Filter Vergewalitger >)

    Dabei seit:
    04.06.2007
    Beiträge:
    246
    Geschlecht:
    männlich
    Ort:
    Graz/Puntigam|er Bier
    Software:
    PS CS2, Macromedia DW8
    in bild frame lightbox galerie erstellen
    AW: in bild frame lightbox galerie erstellen

    Dann gib uns doch mal den Link damit wir uns besser was unter dem ganzen vorhaben vorstellen können
     
    #9      
  10. ghuana2006

    ghuana2006 Noch nicht viel geschrieben

    Dabei seit:
    05.12.2007
    Beiträge:
    22
    Geschlecht:
    weiblich
    Ort:
    janz janz janz weit wech...
    Software:
    PS, DW, FW, ...
    Kameratyp:
    Canon Eos 400d
    in bild frame lightbox galerie erstellen
    AW: in bild frame lightbox galerie erstellen

    hi,

    fulguratus.de

    aber das bringt ja in dem sinne nichts weil ichs ja genauso nicht haben will.

    :D

    gruss
     
    #10      
  11. serverhombre

    serverhombre Guest

    in bild frame lightbox galerie erstellen
    AW: in bild frame lightbox galerie erstellen

    Hallo ghuana2006,

    nun ja Webseiten mit Photoshop :rolleyes: und dann noch der Inhalt als Bild, die Suchmaschinen werden sich frauen:hmpf:. (kein Inhalt auf der Seite), aber egal das ist deine Sache.
    Ich kann dir aber nur (x)html und css ans Herz legen, dann wird deine Seite auch über Suchmaschinen gefunden.

    Wenn du sowieso alles mit PS machst, dann "slice" doch die Thumbnails einzeln dann lassen sie sich auch einzeln verlinken.:'(
     
    #11      
  12. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    in bild frame lightbox galerie erstellen
    AW: in bild frame lightbox galerie erstellen

    das ist natürlich jedem freigestellt.
    Allerdings hat es auch eine Reihe Nachteile, und mit Webseite hat es auch nicht viel zu tun, es ist eben einfach etwas komplizierteres 'Bilder ins Netz laden'
    Dass Menschen mit Textbrowsern und/oder Sehgeschädigte, gar nicht davon haben sollte allerdings klar sein.
    ohne html ist es nicht möglich solche Dinge wie Lightbox etc zu installieren, und damit sollte dann deine Anfrage auch hinfällig sein.
    Schade um die Zeit, die wir Dir mit Lösungsvorschlägen genommen haben.
     
    #12      
Seobility SEO Tool
x
×
×