Anzeige

Bildergalerie mit Kommentaren

Bildergalerie mit Kommentaren | PSD-Tutorials.de

Erstellt von Brodel, 09.05.2010.

  1. Brodel

    Brodel Nicht mehr ganz neu hier

    Dabei seit:
    09.09.2009
    Beiträge:
    115
    Geschlecht:
    männlich
    Software:
    Photoshop, Dreamweaver
    Kameratyp:
    canon eos 60d
    Bildergalerie mit Kommentaren
    Hallo,
    Ich bin noch am anfang mit Homepage gestalltung. Darum habe ich mal eine frage ob mir jemand sagen kann wie ich eine bildergaleri mit javascript erstelle wo noch jeder besucher auf meiner seite kommentare abgeben kann.
     
    #1      
  2. Bildergalerie mit Kommentaren
    #2      
  3. Brodel

    Brodel Nicht mehr ganz neu hier

    Dabei seit:
    09.09.2009
    Beiträge:
    115
    Geschlecht:
    männlich
    Software:
    Photoshop, Dreamweaver
    Kameratyp:
    canon eos 60d
    Bildergalerie mit Kommentaren
    AW: Bildergalerie mit Kommentaren

    naja das ist zwar gut aber ich kann das nicht in mein web desing einbauen.
    und java geht das besser aber trotzdem danke
     
    #3      
  4. 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 mit Kommentaren
    AW: Bildergalerie mit Kommentaren

    dasaknnst du getrost vergessen. mit javascript allein können die kommentare nicht gespeichert werden, du brauchst dazu eine serverseitige sprache wie zb php.
    was denn nun: Java oder Javascript?
     
    Zuletzt bearbeitet: 09.05.2010
    #4      
  5. Brodel

    Brodel Nicht mehr ganz neu hier

    Dabei seit:
    09.09.2009
    Beiträge:
    115
    Geschlecht:
    männlich
    Software:
    Photoshop, Dreamweaver
    Kameratyp:
    canon eos 60d
    Bildergalerie mit Kommentaren
    AW: Bildergalerie mit Kommentaren

    also meine seite basiert auf html und mach das design mit css und da habe ich soviel rausbekomen das ich das damit nicht machen kann und suche jetzt was. was relativ einfach ist und das ich dann die kommentare habe und in mein desing ein bauen kann.
     
    #5      
  6. Brodel

    Brodel Nicht mehr ganz neu hier

    Dabei seit:
    09.09.2009
    Beiträge:
    115
    Geschlecht:
    männlich
    Software:
    Photoshop, Dreamweaver
    Kameratyp:
    canon eos 60d
    Bildergalerie mit Kommentaren
    AW: Bildergalerie mit Kommentaren

    HTML:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3.  
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>Ak 2010</title>
    6. <link rel="stylesheet" href="design.css" type="text/css"/>
    7.  
    8. <body class="thrColFixHdr">
    9. <div id="big">
    10. <div id="container">
    11.  
    12. <div id="header">
    13. <img src="Bilder/Kopfzeile.jpg" width="780" height="278" />
    14. </div>
    15.  
    16.  
    17. <div id="sidebar1">
    18.   <h3><br>
    19.   <a href="index.html">Home</a><br>
    20.   <a href="videos.html">Videos</a><br>
    21.   <a href="http://123gb.de/gb.php?user=Brodel">Gästebuch</a><br>
    22.   </h3>
    23. </div>
    24.  
    25.  
    26. <div id="mainContent">
    27. <script type="text/javascript">
    28. <!--
    29. // Image-Preloader
    30. var arrImg = new Array();
    31. arrImg[0] = new Image();
    32. arrImg[0].src = "Bilder/Klassenphotos/1.jpg";  // Pfad zum Bild
    33. arrImg[0].txt = "AK 2010";              // Gewünschter Text
    34. arrImg[1] = new Image();
    35. arrImg[1].src = "Bilder/Klassenphotos/2.jpg";
    36. arrImg[1].txt = "Fussball 1";
    37. arrImg[2] = new Image();
    38. arrImg[2].src = "Bilder/Klassenphotos/3.jpg";
    39. arrImg[2].txt = "Fussball 2";
    40. arrImg[3] = new Image();
    41. arrImg[3].src = "Bilder/Klassenphotos/4.jpg";
    42. arrImg[3].txt = "Fussball 3";
    43. arrImg[4] = new Image();
    44. arrImg[4].src = "Bilder/Klassenphotos/5.jpg";
    45. arrImg[4].txt = "Fussball 4";
    46. arrImg[4] = new Image();
    47. arrImg[4].src = "Bilder/Klassenphotos/6.jpg";
    48. arrImg[4].txt = "Fussball 4";
    49.  
    50. // swapImage
    51. function swapImage(imgName, intImg){
    52.  document.getElementById(imgName+"_imgID").src = arrImg[intImg].src;
    53.  document.getElementById(imgName+"_outID").innerHTML = arrImg[intImg].txt;
    54.  
    55.  return false;
    56. }
    57. </script>
    58.  
    59. <div id="imageBox">
    60.  <img src="" alt="" height="300" width="420">
    61.  <div id="start_outID">
    62. </div>
    63. </div>
    64.  
    65. <a href="#" onclick="return swapImage('start', 0);"><img src="Bilder/Klassenphotos/1.jpg" alt="load pic01" width="168" height="110"></a></li>
    66. <a href="#" onclick="return swapImage('start', 1);"><img src="Bilder/Klassenphotos/2.jpg" alt="load pic02" width="146" height="111"></a></li>
    67. <a href="#" onclick="return swapImage('start', 2);"><img src="Bilder/Klassenphotos/3.jpg" alt="load pic03" width="168" height="109"></a></li>
    68. <a href="#" onclick="return swapImage('start', 3);"><img src="Bilder/Klassenphotos/4.jpg" alt="load pic04" width="167" height="107"></a></li>
    69. <a href="#" onclick="return swapImage('start', 4);"><img src="Bilder/Klassenphotos/5.jpg" alt="load pic05" width="167" height="117"></a></li>
    70. <a href="#" onclick="return swapImage('start', 5);"><img src="Bilder/Klassenphotos/6.jpg" alt="load pic06" width="166" height="116"></a></li>
    71.  
    72. </div>
    73.  
    74.  
    75. <div id="footer">
    76.    <p><a href="impressum.html">impressum</a></p>
    77. </div>
    78.  
    79. </div>
    80. </div>
    81.  
    82. </body>
    83. </html>
    das ist der Html code den ich bis her habe aber das geht nicht richtig was muss ich da noch ergänzen.
     
    Zuletzt von einem Moderator bearbeitet: 09.05.2010
    #6      
  7. Bildergalerie mit Kommentaren
    AW: Bildergalerie mit Kommentaren

    Du wirst Dich da schon mit php & mySQL beschäftigen müssen, alternativ mit dem von mir angegebenen Link und der Installation von Wordpress.
     
    #7      
  8. 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 mit Kommentaren
    AW: Bildergalerie mit Kommentaren

    wie gesagt, du musst einen Weg finden, wie du die daten der Besucher(kommentare) irgendwo speicherst; wobei "irgendwo" ein platz iminternet sein muss, zB auf dem Server, auf dem auch die Seite läuft, oder einem "Datenbankserver". dafür musst Du aber eine Schnittstelle haben, die dir erlaubt mit dem Server zu kommunitzieren. In PHP ist das relativ einfach zu machen.
    was du dazu brauchst (mindestens):

    • einen Webspace der PHP unterstützt.
    • ein (html)Formular für die Eingabe der daten (kommentar,name,etc)
    • ein php script, das die Daten auswerten kann,
    • eine Datei oder Datenbank in der die Daten gespeichert werden
    • ein script, dass die daten ausliest und als html ausgibt, sodass die kommentare auch gelesen werden können.
    mySQL und/oder eine komplettes Blogsystem brauchst du nicht zwingend

    ps: sei doch so gut,und benutze bitte die Codewerkzeuge für Code, sonst wird er hier unbrauchbar.

    pp: dein <head> Bereich ist nicht geschlossen und nach dem Kommentar //Image-Preloader findet kein preloading statt.
     
    Zuletzt bearbeitet: 09.05.2010
    #8      
  9. Brodel

    Brodel Nicht mehr ganz neu hier

    Dabei seit:
    09.09.2009
    Beiträge:
    115
    Geschlecht:
    männlich
    Software:
    Photoshop, Dreamweaver
    Kameratyp:
    canon eos 60d
    Bildergalerie mit Kommentaren
    AW: Bildergalerie mit Kommentaren

    das weiß ich z.B. garnicht was das ist

    genau wie der befehl was der genau macht

    ok danke sokie naja das haben mir viele gesagt das ich das mit php machen soll aber ich habe gesagt bekommen das ich das auch mit java script hin bekomme und das das ein wenig einfacher ist.
     
    #9      
  10. Brodel

    Brodel Nicht mehr ganz neu hier

    Dabei seit:
    09.09.2009
    Beiträge:
    115
    Geschlecht:
    männlich
    Software:
    Photoshop, Dreamweaver
    Kameratyp:
    canon eos 60d
    Bildergalerie mit Kommentaren
    AW: Bildergalerie mit Kommentaren

    wenn mir da jemand sagen könnte wie man die befehle ergänzen kann
     
    #10      
x
×
×