jquery - jquery galleri med albums - Udvikleren.dk - Programmering, webdesign og grafik

Tags: jquery galleri

Bruger #15562 @ 04.02.12 15:35

Hej

Som overskriften lyder, så står jeg og mangler et jquery galleri der har albums. Synes ikke rigtig jeg har haft hel med at finde sådan et

Så håbede der var nogle her inde der kendte et

mvh snuswdk

3 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #16025 @ 04.02.12 19:43

442

Altså, der vil jeg tro at du skal have noget scripting sprog ind over det for at det bliver sorteret efter albums. Dette kan klares med php og/eller asp.net mm.

Jeg tror ikke personligt at der findes et gratis plugin til dette. Du skal nok konstruere et system med programmeringen der udgør en sortering af billederne i albums

.

Håber at du forstår hvad jeg vil frem til

Bruger #3427 @ 05.02.12 11:14

1.520

Havde en ven der var på udkig efter et også, jeg kunne ikke finde et, så jeg skrev lidt php og smed galleria på, du kan lige få en kopi af det jeg kom frem til.

du downloader galleria gratis her:
http://galleria.io/download

når du pakker det ud, skulle kunne lave en struktur der er den samme som den her (dog behøver du ikke plugins, bliver ikke brugt lige her.)
http://kenneth.wi.ots.dk/udvikleren/gallery.png

PHP kode

 <!doctype html>
 <html>
   <head>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
     <script src="galleria/galleria-1.2.6.min.js"></script>
     <style type="text/css">
       *{
         margin: 0px;
         padding: 0px;
       }
       #container{
         margin-left: auto;
         margin-right: auto;
         width: 800px;
       }
       #container h2{
         font-size: 14px;
       }
       #container ul{
         list-style: none;
       }
       #container ul li a{
         color: #000000;
       }
       #container #albums{
         float: left;
         width: 200px;
       }
       #container #gallery{
         float: left;
         width: 600px;
       }
     </style>
   </head>
   <body>
     <div id="container">
       <div id="albums">
         <?php
         $album = "";
         if ($handle = opendir('albums')) {
           echo "<h2>Albums:</h2>";
           echo "<ul>";
           while (false !== ($entry = readdir($handle))) {
             if ($entry != "." && $entry != "..") {
               if($album == ""){
                 $album = $entry;
               }
               echo "<li><a href='?album=$entry'>$entry</a></li>";
             }
           }
           closedir($handle);
           echo "</ul>";
         }
         ?>
       </div>
       <?php
       if ((isset($_GET["album"]) && is_dir("albums/" . $_GET["album"])) || $album != "") {
         if(isset($_GET["album"]) && $album != $_GET["album"]){
           $album = $_GET["album"];
         }
         echo "<h2>".$album."</h2>";
         echo '<div id="gallery">';
         
         if ($handle = opendir('albums/' . $album)) {
           while (false !== ($entry = readdir($handle))) {
             if ($entry != "." && $entry != "..") {
               echo "<img src='albums/" . $album . "/$entry' />";
             }
           }
           closedir($handle);
         }
 
         echo '
         </div>
         <script>
             Galleria.loadTheme("galleria/themes/classic/galleria.classic.min.js");
             $("#gallery").galleria({
                 width: 500,
                 height: 500
             });
         </script>
         ';
       }
       ?>
     </div>
   </body>
 </html>

Bruger #15562 @ 10.02.12 23:49

118

Kan da lige fortælle at jeg fik lavet et system der virkede

Byggede det selv op fra bunden med jquery og php

jquery galleri med albums

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler