Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
‣‣
‣‣‣‣
‣‣‣
‣‣‣‣‣
‣‣‣
‣ 100 jQuery Plugins for Image Galleries with Source Files  (http://www.stunningmesh.com/2010/11/100-jquery-  plugins-for-...
‣‣‣ http://galleria.aino.se/
‣‣‣
‣‣ http://www.flickr.com/search/advanced/?
‣‣ http://galleria.aino.se/download/
‣‣              (http://goo.gl/DIaqA)<!DOCTYPE HTML><html> <head>  <meta charset="UTF-8" />  <title>My Image Gallery</titl...
‣
‣<!DOCTYPE HTML><html> <head>      <meta charset="UTF-8" />      <title>My Image Gallery</title>      <script src="http://...
‣
‣
‣<body> <div id="gallery">      <img src="img/6078870103_469c4a558a_b.jpg" />      <img src="img/6078870297_eb7103b1e8_b.j...
‣‣‣<body>  <div id="gallery">        <img src="img/6078870103_469c4a558a_b.jpg" />        <img src="img/6078870297_eb7103b...
‣‣<body>   <div id="gallery">         <img src="img/6078870103_469c4a558a_b.jpg" />         <img src="img/6078870297_eb710...
‣<!DOCTYPE HTML><html>  <head>        <meta charset="UTF-8" />        <title>My Image Gallery</title>        <script src="...
‣
‣‣‣‣‣‣
jQuery プラグイン1 - イメージギャラリーを作成する
Nächste SlideShare
Wird geladen in …5
×

jQuery プラグイン1 - イメージギャラリーを作成する

  • Loggen Sie sich ein, um Kommentare anzuzeigen.

jQuery プラグイン1 - イメージギャラリーを作成する

  1. 1. ‣‣
  2. 2. ‣‣‣‣
  3. 3. ‣‣‣
  4. 4. ‣‣‣‣‣
  5. 5. ‣‣‣
  6. 6. ‣ 100 jQuery Plugins for Image Galleries with Source Files (http://www.stunningmesh.com/2010/11/100-jquery- plugins-for-image-galleries-with-source-files/)‣ 20+ jQuery Image Gallery for your next project (http:// webexpedition18.com/articles/20-jquery-image-gallery- for-your-next-project/)‣ jQuery (http://otani- webs.com/blog/2010/06/gallery/)‣ jQuery 224 (http://kachibito.net/web-design/224-image-jquery- collection.html)
  7. 7. ‣‣‣ http://galleria.aino.se/
  8. 8. ‣‣‣
  9. 9. ‣‣ http://www.flickr.com/search/advanced/?
  10. 10. ‣‣ http://galleria.aino.se/download/
  11. 11. ‣‣ (http://goo.gl/DIaqA)<!DOCTYPE HTML><html> <head> <meta charset="UTF-8" /> <title>My Image Gallery</title> <script src="http://www.google.com/jsapi"></script> <script>google.load("jquery", "1");</script> </head> <body> </body></html>
  12. 12.
  13. 13. ‣<!DOCTYPE HTML><html> <head> <meta charset="UTF-8" /> <title>My Image Gallery</title> <script src="http://www.google.com/jsapi"></script> <script>google.load("jquery", "1");</script> <script src="galleria/galleria-1.2.5.min.js"></script> </head> <body> <script> if (Galleria) { $("body").text(Galleria works) } </script> </body></html>
  14. 14.
  15. 15.
  16. 16. ‣<body> <div id="gallery"> <img src="img/6078870103_469c4a558a_b.jpg" /> <img src="img/6078870297_eb7103b1e8_b.jpg" /> <img src="img/6081092566_3bd88e783d_b.jpg" /> <img src="img/6081783541_1b9408472a_b.jpg" /> <img src="img/6082318134_3f970f9706_b.jpg" /> <img src="img/6085378484_f6e479989c_b.jpg" /> </div> </body>
  17. 17. ‣‣‣<body> <div id="gallery"> <img src="img/6078870103_469c4a558a_b.jpg" /> <img src="img/6078870297_eb7103b1e8_b.jpg" /> <img src="img/6081092566_3bd88e783d_b.jpg" /> <img src="img/6081783541_1b9408472a_b.jpg" /> <img src="img/6082318134_3f970f9706_b.jpg" /> <img src="img/6085378484_f6e479989c_b.jpg" /> </div> <script> Galleria.loadTheme(galleria/themes/classic/galleria.classic.min.js); </script></body>
  18. 18. ‣‣<body> <div id="gallery"> <img src="img/6078870103_469c4a558a_b.jpg" /> <img src="img/6078870297_eb7103b1e8_b.jpg" /> <img src="img/6081092566_3bd88e783d_b.jpg" /> <img src="img/6081783541_1b9408472a_b.jpg" /> <img src="img/6082318134_3f970f9706_b.jpg" /> <img src="img/6085378484_f6e479989c_b.jpg" /> </div> <script> Galleria.loadTheme(galleria/themes/classic/galleria.classic.min.js); $("#gallery").galleria({ width: 960, height: 600 }); </script></body>
  19. 19. ‣<!DOCTYPE HTML><html> <head> <meta charset="UTF-8" /> <title>My Image Gallery</title> <script src="http://www.google.com/jsapi"></script> <script>google.load("jquery", "1");</script> <script src="galleria/galleria-1.2.5.min.js"></script> </head> <body> <div id="gallery"> <img src="img/6078870103_469c4a558a_b.jpg" /> <img src="img/6078870297_eb7103b1e8_b.jpg" /> <img src="img/6081092566_3bd88e783d_b.jpg" /> <img src="img/6081783541_1b9408472a_b.jpg" /> <img src="img/6082318134_3f970f9706_b.jpg" /> <img src="img/6085378484_f6e479989c_b.jpg" /> </div> <script> Galleria.loadTheme(galleria/themes/classic/galleria.classic.min.js); $("#gallery").galleria({ width: 960, height: 600 }); </script> </body>
  20. 20.
  21. 21. ‣‣‣‣‣‣

×