Webgalerie

    Die Anmeldung zum Wiener Fotomarathon am 14.09.2025 ist online Infos & Anmeldung

    Gewinne Einkaufs-Gutscheine beim Fotowettbewerb "Wiener Traditionen" Jetzt mitmachen

    • Hallo zusammen!

      Ich versuch mal mein Glück hier im Forum weil ich glaube das sich sehr viele mit dem Thema Hompage auseinander gesetzt haben.

      Ich bastle mir gerade mit Dreamweaver eine neue HP. Bin da schon ziemlich weid gekommen.(noch nicht online aber es fehlt mir nicht mehr viel)

      Was mir noch fehlt ist eine Hall of Fame die ich gerne auf der Startseite anzeigen möchte.
      Stelle ich mir so vor das ich eine anzahl von Bildern in einen Ordner gebe und die dann automatisch beim öffnen meiner Startseite wiedergegeben werden sollen. Anzeigefläche wo das hin soll auf der Startseite wäre 514 x 502 pixel.
      Brauche da keine stop oder play tasten etc. soll einfach ablaufen im Loop.

      Freue mich über eure Tips.
      Achja leider bin ich noch eher Anfänger was das coden betrifft.

      Lg Stazi

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Stazi ()

    • RE: Webgalerie

      Ich glaube die neu designte HP von der er spricht ist nicht die die jetzt online ist (zumindest steht im Originalpost etwas von noch nicht online). Also lasst ihm eine Chance ;)

      @Stazi
      Die meisten CMSe haben genau solche Komponenten integriert (zb.: typolight.org ).
      Wenn du die nimmst brauchst du nicht mehr alles neu handcoden.
      Was sowieso nur zu Kummer führt. Sprich du machst oder kaufst einmal ein Template und der Rest
      lässt sich per Klick einstellen.

      Ob sich der Lernaufwand (unabhängig ob CMS oder nich) für einmal HP machen überhaupt lohnt,
      sei dahingestellt. In einem Jahr ist sowieso wieder alles anders (ok in zwei Jahren, dann aber sicher).

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von sigurd ()

    • @wozel und remii

      Wie ich bereits oben geschrieben habe ist die Seite die ich gerade mache noch nicht online.

      Und zu dem Thema lass dir helfen kann ich nur sagen jeder muss einmal klein Anfangen!!!!!!!
      Einen kleinen Einblick gebe ich euch aber trotzdem auf das neue ist zwar nicht ganz die Endversion aber fast!!!

      Aber wenn ihr mir eine produtive Anzwort geben könnt die mir weiterhilft dann nur her damit. :daumenhoch:

      Hoffe es gefällt.
      Da wo momentan die Blume bzw. diese Minaturen sind soll diese Gallerie hin. Könnte es auch eine Diashow nennen.
      Mochte meine HP nach meinen ersten Versuchen wesentlich verbessern und nachdem ich Hauptberuflich Programmiere (zwar nicht Html und co) interessiert mich diese Materie sehr.

      Lg Stazi
      Bilder
      • Home_Photo_Stazi290109 Kopie.jpg

        131 mal angesehen

      Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von Stazi ()

    • RE: Webgalerie

      Fertige Lösung ausserhalb eines CMS fällt mir akut keine ein, findest du aber auch sicher.

      Wenn du zufälligerweise mit der restlichen Seite auf jquery bist,
      kann ich dir aber beim basteln helfen (rein php/javascript seitig ).

      Quick and Dirty Lösung:
      am Server:
      mit php den Ordner auslesen das resultierende Array mit json ausgeben. (3 Zeilen);
      Am Browser
      Das Ergebnis mit Javascript auslesen und ein passendes jQuery Plugin damit füttern (ewas mehr Zeilen hängt vom Plugin ab).

      Im Dreamweaver kannst du ein Platzhalterbild mit einer ID einrichten,
      welches wenn der Benützer JS aktiviert hat, dann durch die Überblendshow ersetzt wird.

      Oder mit PHP das Feld gleich als Javascript Feld in die HTML Datei schreiben lassen,
      nicht so modern aber dafür auch gut und einfacher ;).

      Ersetze PHP mit der serverseitigen Sprache deiner Wahl.

      Ich bin am Abend wieder online, wenn du dabei Hilfe willst meld dich einfach.

      Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von sigurd ()

    • RE: Webgalerie

      Hab herumgespielt hier sind die Ergebnisse falls wer dasselbe problem hat:

      Ein vernünftiges Javascriptteil das auch funktioniert ist offenbar das jQuery Cycle Plugin.
      Die Homepage hat etliche nette Demos:
      [Links sind nur für Registrierte Benutzer sichtbar]

      Dazu braucht man noch jQuery:
      [Links sind nur für Registrierte Benutzer sichtbar]

      In der Seite kann man es folgendermassen einbauen:

      Quellcode

      1. <script type="text/javascript" src="jquery-1.3.1.min.js"></script>
      2. <script type="text/javascript" src="jquery.cycle.all.js"></script>
      3. <script type="text/javascript">
      4. jQuery(function(){
      5. $('#slideshow').cycle({
      6. fx: 'fade',
      7. speed: 2000
      8. });
      9. $('#slideshow').show(0);
      10. });
      11. </script>
      12. <div id="slideshow" class="slideshowContainer" style="display: none;">
      13. <img src="slides/1.jpg" />
      14. <img src="slides/2.jpg" />
      15. <img src="slides/3.jpg" />
      16. </div>
      Alles anzeigen


      Das .show(0) hebt das style="display: none;" auf und ist nur notwendig weil der IE7 sonst zuerst Käse anzeigt (alle Bilder untereinander).


      Wer php einsetzt kann natürlich auch ein Verzeichnis auslesen lassen,
      und die Bilderliste automatisch generieren (für php5):

      PHP-Quellcode

      1. <?php
      2. $imageFolder = './slides/';
      3. $allFiles = scandir($imageFolder);
      4. $imageFiles = array();
      5. //suche alle Bilder raus
      6. foreach ($allFiles as $file){
      7. $path_parts = pathinfo($imageFolder.$file);
      8. if($path_parts['extension'] == 'jpg')$imageFiles[] = $file;
      9. }
      10. ?>
      11. <script type="text/javascript" src="jquery-1.3.1.min.js"></script>
      12. <script type="text/javascript" src="jquery.cycle.all.js"></script>
      13. <script type="text/javascript">
      14. jQuery(function(){
      15. $('#slideshow').cycle({
      16. fx: 'fade',
      17. speed: 2000
      18. });
      19. $('#slideshow').show(0);
      20. });
      21. </script>
      22. <div id="slideshow" class="slideshowContainer" style="display: none;">
      23. <?php foreach($imageFiles as $imageFile): ?>
      24. <img src="<?php echo $imageFolder.$imageFile; ?>" />
      25. <?php endforeach ?>
      26. </div>
      Alles anzeigen


      Alles an Code zur freien Entnahme und ohne Gewähr.
      Habs übrigens unter Safari3/Mac, FF3/Mac, IE6/Win98(Crossover) und IE7/XP durchprobiert.


      Das die Sache mit dem PHP gibt Bild Tags aus, auch technisch eleganter ginge ist mir klar,
      nur ists dann noch komplizierter einzubauen. Find ich zumindest.

      sigurd

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von sigurd ()

    • Dann möchte ich mich auch hier noch einmal bei dir für deine nette Hilfe bei der Diashow bedanken. Die neue Seite ist jetzt endlich online gegangen :daumenhoch:

      Würde mich über eure Meinungen sehr freuen bzw. sollte es bei irgend jemanden Probleme geben bitte ich euch auch um info da ich selber nur mit IE 7 getsetet habe und da ist alles :party:

      Also danke an Sigurd!!! :bravo:
      LG Stazi

      Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Stazi ()

    • Sehr sehr schön und ansprechend.

      Mängel:
      - Nach Bestätigung auf der Startseite öffnet sich ein neues Browserfenster. Hier wäre das Attribut zu ändern.
      - Die Rechtschreibfehler (ich weiß, das ist mühsam) sind sehr auffällig. Auch stilistisch sollte etwas Korrektur angebracht werden ("Wohnen tue ich in...")

      Ansonsten aber sehr ordentlich. Gut gemacht!

      LG - Markus

    Registrieren oder Anmelden

    Du musst auf fotografie.at angemeldet sein, um hier antworten zu können.

    Registrieren

    Hier kannst Du Dich neu registrieren - einfach und schnell!


    Neu registrieren

    Annmelden

    Du bist schon Mitglied? Hier kannst Du Dich anmelden.


    Anmelden