Forum

Bildergalerie in Dreamweaver

Erstellt von KIO, 20.05.2008.



  1. KIO

    KIO kaki no tane

    Dabei seit:
    12.01.2008
    Beiträge:
    136
    Ort:
    neptun
    Software:
    CS3 / CS6
    Kameratyp:
    Sony/Canon
    Bildergalerie in Dreamweaver
    Hallo, wieder mal ich ;)

    ich moechte eine Fotogalerie in DW (CS3) machen. Ich habe schon probiert, das von PS aus zu generieren, aber das Format passt gar nicht zu meiner Webseite. Und in Dreamwaever braucht man ja dieses andere Programm (fireworks ??), was ich nicht habe und auch nicht kaufen will.
    Also selbst machen. Ich habe jetzt von Photoshop Kontaktaufnahmen generieren lassen und nehme die als Icons. Ich moechte aber das grosse Foto dann innerhalb meiner Webseite anzeigen lassen, und weiss nicht wie das geht. Jetzt habe ich erstmal nur einen Link eingetragen und dann geht ein neues Browserfenster auf, das gefaellt mir nicht.
    Wer weiss, wie ich es einfach machen koennte ?
     
    #1      
  2. wattnwurm

    wattnwurm Aktives Mitglied

    Dabei seit:
    08.01.2008
    Beiträge:
    281
    Geschlecht:
    männlich
    Bildergalerie in Dreamweaver
    AW: Bildergalerie in Dreamweaver

    Du suchst eine Bildergalerie.
    Lightbox 2

    Die Anleitung gibt einige Tipps.
     
    #2      
  3. ReggaeGregy

    ReggaeGregy nie genug ZEIT

    Dabei seit:
    02.06.2007
    Beiträge:
    134
    Geschlecht:
    männlich
    Bildergalerie in Dreamweaver
    AW: Bildergalerie in Dreamweaver

    hi
    bei verlinken gibts verschiedene Einstellungen. Du kannst es entweder in der Seite gleich öffnen lassen oder es öffnet sich eine neue. Da gibts die Einstellungen bland oder das andere (wie war das nochmal) ich glaub self oder...:p
     
    #3      
  4. KIO

    KIO kaki no tane

    Dabei seit:
    12.01.2008
    Beiträge:
    136
    Ort:
    neptun
    Software:
    CS3 / CS6
    Kameratyp:
    Sony/Canon
    Bildergalerie in Dreamweaver
    AW: Bildergalerie in Dreamweaver

    diese Ligtbox sieht ja ziemlich cool aus, aber so einfach zu integrieren scheint mir das nicht und ist das auch kostenlos und ohne Werbung ? Der hat überhaupt kein Impressum auf der Seite ! Und wer generiert mir die Icons ? Werde ich mir jedenfalls mal näher anschauen.


    @ReggaeGregy, ok das schaue ich mal, aber bei der neuen Seite öffnen stört mich, dass ich dann nicht meinen Hintergrund habe, sondern ein leere Browserseite nur mit dem Foto.
     
    #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
    Bildergalerie in Dreamweaver
    AW: Bildergalerie in Dreamweaver

     
    #5      
  6. shivas77

    shivas77 Noch nicht viel geschrieben

    Dabei seit:
    20.04.2008
    Beiträge:
    39
    Geschlecht:
    männlich
    Bildergalerie in Dreamweaver
    AW: Bildergalerie in Dreamweaver

    Hi Leute,

    ich wollte kein neuen Thread aufmachen. Ich möchte nämlich auch Lightbox in meine Seite einbauen nur funktioniert das ganze nicht so wie ich das möchte. Was mache ich falsch?
    Code (Text):
    1. <html>
    2. <head>
    3. <title>fotogalerie</title>
    4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    5. <script type="text/javascript" src="[URL]http://www.benimsayfa.de/lightbox/js/prototype.js"></script[/URL]>
    6. <script type="text/javascript" src="[URL]http://www.benimsayfa.de/lightbox/js/scriptaculous.js?load=effects"></script[/URL]>
    7. <script type="text/javascript" src="[URL]http://www.benimsayfa.de/lightbox/js/lightbox.js"></script[/URL]>
    8. <link rel="stylesheet" href="[URL]http://www.benimsayfa.de/lightbox/css/lightbox.css[/URL]" type="text/css" media="screen" />
    9. <script type="text/javascript">
    10. <!--
    11. function MM_swapImgRestore() { //v3.0
    12.   var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    13. }
    14. function MM_preloadImages() { //v3.0
    15.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    16.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    17.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    18. }
    19. function MM_findObj(n, d) { //v4.01
    20.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    21.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    22.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    23.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    24.   if(!x && d.getElementById) x=d.getElementById(n); return x;
    25. }
    26. function MM_swapImage() { //v3.0
    27.   var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    28.    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    29. }
    30. //-->
    31. </script>
    32. </head>
    33. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('Mousover/Startseite_04.gif','Mousover/Startseite_08.gif','Mousover/Startseite_09.gif','Mousover/Startseite_10.gif','Mousover/Startseite_12.gif','Mousover/Startseite_13.gif','Mousover/Startseite_14.gif','Mousover/Startseite_15.gif','Mousover/Startseite_16.gif','Mousover/Mousover_01.gif','Mousover/Mousover_02.gif','Mousover/Mousover_03.gif','Mousover/Mousover_06.gif','Mousover/Mousover_07.gif','Mousover/Mousover_08.gif','Mousover/Mousover_11.gif','Mousover/Mousover_12.gif','Mousover/Mousover_13.gif','Mousover/Mousover_14.gif','Mousover/Mousover_15.gif')">
    34. <!-- ImageReady Slices (fotogalerie.psd) -->
    35. <table id="Tabelle_01" width="801" align="center" height="778" border="0" cellpadding="0" cellspacing="0">
    36.  <tr>
    37.   <td colspan="6"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image39','','Mousover/Mousover_01.gif',1)"><img src="Bilder/index_01.gif" name="Image39" width="638" height="23" border="0"></a></td>
    38. <td><a href="faq.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image40','','Mousover/Mousover_02.gif',1)"><img src="Bilder/index_02.gif" name="Image40" width="81" height="23" border="0"></a></td>
    39. <td><a href="impressum.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image41','','Mousover/Mousover_03.gif',1)"><img src="Bilder/index_03.gif" name="Image41" width="81" height="23" border="0"></a></td>
    40. <td>
    41.    <img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
    42.  </tr>
    43.  <tr>
    44.   <td colspan="6" rowspan="5">
    45.    <img src="Bilder/index_04.gif" width="638" height="183" alt=""></td>
    46.   <td colspan="2">
    47.    <img src="Bilder/index_05.gif" width="162" height="49" alt=""></td>
    48.   <td>
    49.    <img src="Bilder/Abstandhalter.gif" width="1" height="49" alt=""></td>
    50.  </tr>
    51.  <tr>
    52.   <td colspan="2"><a href="uebermich.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image42','','Mousover/Mousover_06.gif',1)"><img src="Bilder/index_06.gif" name="Image42" width="162" height="27" border="0"></a></td>
    53. <td>
    54.    <img src="Bilder/Abstandhalter.gif" width="1" height="27" alt=""></td>
    55.  </tr>
    56.  <tr>
    57.   <td colspan="2"><a href="kontak.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image43','','Mousover/Mousover_07.gif',1)"><img src="Bilder/index_07.gif" name="Image43" width="162" height="26" border="0"></a></td>
    58. <td>
    59.    <img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
    60.  </tr>
    61.  <tr>
    62.   <td colspan="2"><a href="login.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image44','','Mousover/Mousover_08.gif',1)"><img src="Bilder/index_08.gif" name="Image44" width="162" height="25" border="0"></a></td>
    63. <td>
    64.    <img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
    65.  </tr>
    66.  <tr>
    67.   <td colspan="2">
    68.    <img src="Bilder/index_09.gif" width="162" height="56" alt=""></td>
    69.   <td>
    70.    <img src="Bilder/Abstandhalter.gif" width="1" height="56" alt=""></td>
    71.  </tr>
    72.  <tr>
    73.   <td colspan="8">
    74.    <img src="Bilder/index_10.gif" width="800" height="1" alt=""></td>
    75.   <td>
    76.    <img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
    77.  </tr>
    78.  <tr>
    79.   <td><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image45','','Mousover/Mousover_11.gif',1)"><img src="Bilder/index_11.gif" name="Image45" width="125" height="29" border="0"></a></td>
    80. <td><a href="events.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image46','','Mousover/Mousover_12.gif',1)"><img src="Bilder/index_12.gif" name="Image46" width="136" height="29" border="0"></a></td>
    81. <td><a href="fotogalerie.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image47','','Mousover/Mousover_13.gif',1)"><img src="Bilder/index_13.gif" name="Image47" width="122" height="29" border="0"></a></td>
    82. <td><a href="gaestebuch.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image48','','Mousover/Mousover_14.gif',1)"><img src="Bilder/index_14.gif" name="Image48" width="130" height="29" border="0"></a></td>
    83. <td><a href="links.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image49','','Mousover/Mousover_15.gif',1)"><img src="Bilder/index_15.gif" name="Image49" width="124" height="29" border="0"></a></td>
    84. <td colspan="3">
    85.    <img src="Bilder/index_16.gif" width="163" height="29" alt=""></td>
    86.   <td>
    87.    <img src="Bilder/Abstandhalter.gif" width="1" height="29" alt=""></td>
    88.  </tr>
    89.  <tr>
    90.   <td colspan="6">
    91.    <img src="Bilder/index_17.gif" width="638" height="35" alt=""></td>
    92.   <td colspan="2" rowspan="2">
    93.    <img src="Bilder/index_18.gif" width="162" height="36" alt=""></td>
    94.   <td>
    95.    <img src="Bilder/Abstandhalter.gif" width="1" height="35" alt=""></td>
    96.  </tr>
    97.  <tr>
    98.   <td colspan="6" rowspan="2">&nbsp;</td>
    99.   <td>
    100.    <img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
    101.  </tr>
    102.  <tr>
    103.   <td colspan="2">
    104.    <img src="Bilder/index_20.gif" width="162" height="505" alt=""></td>
    105.               <a href="[URL]http://www.benimsayfa.de/lightbox/images/image-1.jpg[/URL]" rel="lightbox" title="Description"><img src="[URL]http://www.benimsayfa.de/lightbox/images/thumb-1.jpg"></a[/URL]>
    106.         <a href="[URL]http://www.benimsayfa.de/lightbox/images/image-1.jpg[/URL]" rel="lightbox" title="Description">Klicke diesen Link</a>
    107.   <td>
    108.    <img src="Bilder/Abstandhalter.gif" width="1" height="505" alt=""></td>
    109.  </tr>
    110.  <tr>
    111.   <td>
    112.    <img src="Bilder/Abstandhalter.gif" width="125" height="1" alt=""></td>
    113.   <td>
    114.    <img src="Bilder/Abstandhalter.gif" width="136" height="1" alt=""></td>
    115.   <td>
    116.    <img src="Bilder/Abstandhalter.gif" width="122" height="1" alt=""></td>
    117.   <td>
    118.    <img src="Bilder/Abstandhalter.gif" width="130" height="1" alt=""></td>
    119.   <td>
    120.    <img src="Bilder/Abstandhalter.gif" width="124" height="1" alt=""></td>
    121.   <td>
    122.    <img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
    123.   <td>
    124.    <img src="Bilder/Abstandhalter.gif" width="81" height="1" alt=""></td>
    125.   <td>
    126.    <img src="Bilder/Abstandhalter.gif" width="81" height="1" alt=""></td>
    127.   <td></td>
    128.  </tr>
    129. </table>
    130. <!-- End ImageReady Slices -->
    131. </body>
    132. </html>
     
    #6      
  7. hollyhobbit

    hollyhobbit Noch nicht viel geschrieben

    Dabei seit:
    16.04.2008
    Beiträge:
    8
    Geschlecht:
    weiblich
    Ort:
    Obligado,Itapua, PY
    Software:
    Photoshop, Dreamweaver
    Kameratyp:
    Digi, Canon
    Bildergalerie in Dreamweaver
    AW: Bildergalerie in Dreamweaver

    Hola,
    auf meiner hp habe ich thumbnails mit einem pop up Fenster, das die Farbe (dei richtige) von dem hp Hintergrund hat.
    Mein Problem ist, dass DW die updates, wie z.B. neue thumbnails und gr. Bild nicht miteinender verlinkt bzw. speichert.Selbst wenn ich es 150 x wiederhole oder Neue einsetze wird es nicht akzeptiert.
    Wie hier Unbenanntes Dokument und dann auf Bilder .
    hat da jemand eine Idee.
    holly hobbit
     
    #7      
  8. roflnub

    roflnub Guest

    Bildergalerie in Dreamweaver
    AW: Bildergalerie in Dreamweaver

    ich denke eine fotogalerie macht nur mit eine cms sinn (zB wordpress, da braucht man nicht mal php kenntnisse) wenn das mal eingerichtet ist dann wird die verwaltung der alben mit kleinen vorschau bildchen ect einfach nur ein kinderspiel, gibts natürlich auch mit plugins die sogar lightbox unterstützen
     
    #8      
  9. hollyhobbit

    hollyhobbit Noch nicht viel geschrieben

    Dabei seit:
    16.04.2008
    Beiträge:
    8
    Geschlecht:
    weiblich
    Ort:
    Obligado,Itapua, PY
    Software:
    Photoshop, Dreamweaver
    Kameratyp:
    Digi, Canon
    Bildergalerie in Dreamweaver
    AW: Bildergalerie in Dreamweaver

    Hola,
    wo finde ich cms? bzw. wordpress?
    Bin mal wieder an der Galerie basteln und die Lightbox, da bin ich nicht so begeistert.
    lg holly
     
    #9      
  10. hollyhobbit

    hollyhobbit Noch nicht viel geschrieben

    Dabei seit:
    16.04.2008
    Beiträge:
    8
    Geschlecht:
    weiblich
    Ort:
    Obligado,Itapua, PY
    Software:
    Photoshop, Dreamweaver
    Kameratyp:
    Digi, Canon
    Bildergalerie in Dreamweaver
    AW: Bildergalerie in Dreamweaver

    Hola,
    die obige Frage war wohl etwas dumm, aber ich habe jede Menge cms Anbieter gefunden, nur als User die nächste Frage, welches wäre für nur Bildermanagement nach eurer Ansicht das Beste?! Ich brauchs nur für meine Bildergalerien.
    Muchisima gracias
    holly
     
    #10      
  11. KIO

    KIO kaki no tane

    Dabei seit:
    12.01.2008
    Beiträge:
    136
    Ort:
    neptun
    Software:
    CS3 / CS6
    Kameratyp:
    Sony/Canon
    Bildergalerie in Dreamweaver
    AW: Bildergalerie in Dreamweaver

    unabhängig davon, dass ein CMS am besten wäre, bin ich jetzt endlich dazu gekommen, die Ligthbox auszuprobieren und es hat sogar funktioniert und sieht super aus, viel besser als ich es vorher hatte. Vielen Dank für den Tip !

    Sind so java-script Sachen eigentlich sicher vor Hackern und Viren ?

    In meiner ligthbox2.04 version war übrigens ein kleiner Fehler drin: wenn man eine Gruppe von Bildern macht und dann nur einige (aber nicht alle) mit einem Titel beschreibt, dann bleibt der vorige Titel bei den Bildern ohne Titel stehen. Ein typisches Initialisierungsproblem. Also entweder überall Titel (kann auch blank " ") sein oder ganz ohne !
     
    #11      
  12. Janda

    Janda Insideout Genius

    Dabei seit:
    08.10.2006
    Beiträge:
    288
    Geschlecht:
    männlich
    Ort:
    Bremerhaven
    Software:
    Adobe Photoshop CS3, Nikon ViewXN
    Kameratyp:
    NIKON d7000 + 18-70mm + 50mm f1.8
    Bildergalerie in Dreamweaver
    AW: Bildergalerie in Dreamweaver

    Kann man eigentlich das lightbox Foto vergrößern? meine werden nur so ca 400-500 Pixel groß... find ich ein bisschen klein, vor allem bei Panoramabildern... ich finde die Stelle im CSS nicht, da sind soviele Werte und wenn ich die veränder passiert nischt....
     
    #12      
Die Seite wird geladen...
Ähnliche Themen
  1. fakerer
    Antworten:
    4
    Aufrufe:
    661
  2. Kassettenjunge
    Antworten:
    3
    Aufrufe:
    454
  3. gestandeneFrau
    Antworten:
    15
    Aufrufe:
    2.483
  4. Stonehenge1961
    Antworten:
    8
    Aufrufe:
    603
  5. Methi
    Antworten:
    14
    Aufrufe:
    962
© 2002 - 2016 PSD-Tutorials.de – ein Projekt mit der 4eck Media GmbH & Co. KG
x
×
×