Successfully reported this slideshow.
Your SlideShare is downloading. ×

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

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Upcoming SlideShare
Parceiros tkd
Parceiros tkd
Loading in …3
×

Check these out next

1 of 22 Ad
Advertisement

More Related Content

Similar to jQuery プラグイン1 - イメージギャラリーを作成する (20)

Advertisement

More from Atsushi Tadokoro (20)

Recently uploaded (20)

Advertisement

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. ‣ ‣ ‣ ‣ ‣ ‣

Editor's Notes

  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

×