|
|
Ŭ¶ó¿ìµåű×
Javascript PHP asp CSS html mysql jquery image Mobile API slide °Ô½ÃÆÇ ¸Þ´º
|
|
|
ÇöÀçÁ¢¼ÓÀÚ ¸í |
|
|
|
|
|
|
|
lightbox gallery plugin |
|
|
|
|
¼Ò½ººÐ·ù |
À̹ÌÁö°ü·Ã |
|
|
´Ù¿î·Îµå Ƚ¼ö |
34 ȸ |
|
|
|
°£´Ü¼³¸í |
»ç¿ëÀÚ Á¤ÀÇ°¡ °¡´ÉÇÏ°í »ç¿ëÀÌ °£ÆíÇϸç À̹ÌÁö, ºñµð¿À(YouTube, Vimeo, Wistia, Brightcove), Soundcloud Æ®·¢, IFRAME ¹× AJAX ÄÜÅÙÃ÷¸¦ Áö¿øÇϵµ·Ï Á¦À۵Ǿú½À´Ï´Ù. |
|
|
|
|
|
jQuery ¸¦ ÀÌ¿ëÇÏ¿© ¶óÀÌÆ® ¹Ú½º¸¦ ¸¸µé ¼ö ÀÖ½À´Ï´Ù.
»ç¿ëÀÚ Á¤ÀÇ°¡ °¡´ÉÇÕ´Ï´Ù.
À̹ÌÁö, ºñµð¿À(YouTube, Vimeo, Wistia, Brightcove), Soundcloud Æ®·¢, IFRAME ¹× AJAX ÄÜÅÙÃ÷¸¦ Áö¿øÇϵµ·Ï Á¦À۵Ǿú½À´Ï´Ù.
¹ÝÀÀÇü À¸·Î Á¦ÀÛ µÇ¾ú½À´Ï´Ù.
MIT ¶óÀ̼¾½º ÀÔ´Ï´Ù.
»ç¿ë¹ýÀº °£´Ü ÇÕ´Ï´Ù.
1. ¶óÀ̺귯¸® È£Ãâ
<script src="http://code.jquery.com/jquery-x.x.x.min.js"></script>
<script src="jquery.poptrox.min.js"></script>
2. ÄÁÅÙÃ÷ ¼±¾ð
<div id="gallery">
<a href="path/to/image1.jpg"><img src="path/to/image1_thumbnail.jpg" /></a>
<a href="path/to/image2.jpg"><img src="path/to/image2_thumbnail.jpg" /></a>
<a href="path/to/image3.jpg"><img src="path/to/image3_thumbnail.jpg" /></a>
<a href="path/to/image4.jpg"><img src="path/to/image4_thumbnail.jpg" /></a>
<a href="path/to/image5.jpg"><img src="path/to/image5_thumbnail.jpg" /></a>
<a href="path/to/image6.jpg"><img src="path/to/image6_thumbnail.jpg" /></a>
</div>
»¡°£»öÀº ¶óÀÌÆ®¹Ú½º¿¡ º¸¿©Áú ½æ³×ÀÏ ÀÔ´Ï´Ù.
ÆĶõ»öÀº ¸®½ºÆ®¿¡ º¸¿©Áú ½æ³×ÀÏ ÀÔ´Ï´Ù.
3. ½ÇÇà
var foo = $('#gallery');
foo.poptrox();
½ÇÇàȸé ÀÔ´Ï´Ù.
|
|
³×ƼÁð ÀÇ°ß ÀÌ¿ëÇϽŠÀÚ·áÀÇ Èı⸦ ÀÚÀ¯·Ó°Ô ÀÛ¼ºÇϼ¼¿ä. (»ó¾÷ÀûÀÎ ±¤°í ¹× µµ¹è¼º ±Û µîÀº »çÀüÅ뺸¾øÀÌ »èÁ¦µÉ ¼ö ÀÖ½À´Ï´Ù.) |
|