½ÃÀÛÆäÀÌÁö·Î Áñ°Üã±âÃß°¡
·Î±×ÀÎ
ȸ¿ø°¡ÀÔ l Ã⼮üũ l ¸¶ÀÌÆäÀÌÁö l CGIMALL
happycgi
ÀÚ·á½Ç »çÀÌÆ®µî·Ï ·©Å·100 ÇÁ·Î±×·¥¸®ºä °ü¸®ÀÚÃßõÀÚ·á Ãʺ¸°¡À̵å
Ä¿¹Â´ÏƼ
Àüü ÆîÃ帱â
Äü¸Þ´º¸µÅ© jquery , CSS , PHP , Javascript , ¹«·áÆùÆ® , ASP
»ó¼¼°Ë»ö
Ȩ > JAVASCRIPT > javascript ¼Ò½ºÃ¢°í > JQuery > jQuery Hero Slider Plugin v0.1.0 »ó¼¼Á¤º¸
»çÀÌÆ®µî·Ï
Ŭ¶ó¿ìµåű×
javascript
PHP
HTML
ASP
mysql
CSS
Mobile
image
jquery
slide
¸Þ´º
�޴�
2023
ÇöÀçÁ¢¼ÓÀÚ ¸í »õ·Î°íħ
jQuery Hero Slider Plugin v0.1.0
¼Ò½ºÅë°èÁ¤º¸ ¿À·ù½Å°í ¹× ¹®ÀÇ
ÇØÇÇÆÀ
³×ƼÁð
Æ®À§ÅÍ·Î º¸³»±â ÆäÀ̽ººÏÀ¸·Î º¸³»±â
¼Ò½ººÐ·ù JQuery
´Ù¿î·Îµå Ƚ¼ö 105 ȸ
°£´Ü¼³¸í ½½¶óÀ̵å Àüȯ½Ã È¿°ú°¡ Àç¹ÌÀÖ´Â jQuery Ç÷¯±×ÀÎ
Æò°¡Çϱâ ÈǸ¢ÇÔ ¸Å¿ìÁÁÀ½ ÁÁÀ½ ±¦ÂúÀ½ º¸Åë º°·Î
ȨÆäÀÌÁö¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå µ¥¸ð ¹Ì¸®º¸±â ½ºÅ©·¦Çϱâ

* jQuery Hero Slider Plugin

½½¶óÀ̵å Àüȯ½Ã È¿°ú°¡ Àç¹ÌÀÖ´Â jQuery Ç÷¯±×ÀÎ
½½¶óÀ̵å½ÃÀÇ ¿òÁ÷ÀÓÀº data-transform = "scale" ·Î data-transform = "rotate" ¸¦ Á¶ÇÕ ÇØ ÁöÁ¤ÇÒ ÇüÅ·εǾîÀÖ¾î
³»ºñ°ÔÀÌ¼Ç ¹× ÀÚµ¿ Àç»ýÀÇ À¯¹«,¼Óµµ Á¶Á¤ µîÀÇ ¿É¼Çµµ °®Ãß¾îÁ® ÀÖ½À´Ï´Ù.



* License

MIT License



* ÀÌ¿ë¹æ¹ý


»ó´Ü¿¡ css ÆÄÀÏÀ» È£ÃâÇÕ´Ï´Ù



¾Æ·¡¿Í °°ÀÌ ¸¶Å©¾÷ ¿µ¿ª¾È¿¡ ¹è³Ê¸¦ »ðÀÔÇÕ´Ï´Ù



±×¸®°í ÇÏ´Ü¿¡ js ÆÄÀÏÀ» ºÒ·¯¿É´Ï´Ù





¾Æ·¡¿Í °°Àº ¿É¼ÇÀ¸·Î ½½¶óÀÌµå ¹æÇâÀ» °áÁ¤ÇÒ ¼ö µµ ÀÖ½À´Ï´Ù

<div class="bp-hs_inner__item" data-transform="rotate" data-origin="top-left">
   <img src="dist/images/demo/02.jpg" alt="Boompx Hero Slider 02"/>
</div>


¿É¼Ç Ç׸ñÀº ¾Æ·¡¿Í °°½À´Ï´Ù

1) activate : Ŭ·¡½º¸¦ ½ÇÇà bp-hs_inner__itemÇÏ°í Ãß°¡ÇÏ¿© is-activeŬ·¡½º¸¦ Ç¥½Ã , ±âº»°ªÀ¸·Î ¸¸µì´Ï´Ù(Number)
2) touchSwipe : ½½¶óÀÌ´õ Ç׸ñ (¿À¸¥ÂÊ | ¿ÞÂÊ)À» µå·¡±×ÇÏ¿© ½º¿ÍÀÌÇÁ ÇÒ ¼ö ÀÖ½À´Ï´Ù.
                   ÀÌ ¿É¼Ç¿¡´Â TouchSwipe Jquery Plugin ÀÌ ÇÊ¿äÇÕ´Ï´Ù.(Boolean)

3) nextText : ´ÙÀ½ ÄÁÆ®·Ñ ¹öÆ°¿¡ Ç¥½Ã ÇÒ ÅؽºÆ®(String)
4) prevText : ÀÌÀü ÄÁÆ®·Ñ ¹öÆ°¿¡ Ç¥½Ã ÇÒ ÅؽºÆ®(String)
5) showControls : ¸ðµç ÄÁÆ®·Ñ Ç¥½Ã ¶Ç´Â ¼û±â±â (´ÙÀ½, ÀÌÀü ¹× ±Û ¸Ó¸® ±âÈ£)(Boolean)
6) showButtons : ´ÙÀ½ º¸À̱⠶Ǵ ¼û±â±â, ÀÌÀü¿¡¸¸ Ç¥½Ã(Boolean)
7) showBullets : ±Û ¸Ó¸® ±âÈ£ ¸¸ Ç¥½Ã ¶Ç´Â ¼û±â±â(Boolean)
8) arrowKeys : Å° ´©¸£±â È­»ìÇ¥¿¡¼­ ½½¶óÀÌ´õ Ç׸ñÀ» Ž»ö ÇÒ ¼ö ÀÖ½À´Ï´Ù. (Boolean)
9) autoPlay : ÀÚµ¿ ¼øȯ (¸¶¿ì½º ¿À¹ö½Ã ÀϽà ÁßÁöµÊ) . falseÀÌ¸é ½½¶óÀÌ´õ°¡ ÀÚµ¿À¸·Î ¼øȯÇÏÁö ¾Ê½À´Ï´Ù.(Boolean)
10) duration : ÀÚµ¿ ¼øȯ »çÀÌÀÇ Áö¿¬ ½Ã°£ÀÔ´Ï´Ù.(Number)




ÀÚ¼¼ÇÑ »ùÇÃÄÚµå´Â ÷ºÎµÈ ¾ÐÃàÆÄÀÏÀÇ index.html À» Âü°íÇϽñ⠹ٶø´Ï´Ù



³×ƼÁð ÀÇ°ß   ÀÌ¿ëÇϽŠÀÚ·áÀÇ Èı⸦ ÀÚÀ¯·Ó°Ô ÀÛ¼ºÇϼ¼¿ä. (»ó¾÷ÀûÀÎ ±¤°í ¹× µµ¹è¼º ±Û µîÀº »çÀüÅ뺸¾øÀÌ »èÁ¦µÉ ¼ö ÀÖ½À´Ï´Ù.)
³»¿ë ¾ÆÀ̵ð ÀÇ°ß³²±â±â
µî·ÏµÈ ÀÇ°ßÀÌ ¾ø½À´Ï´Ù.
1
À̸§
³»¿ë
:³×¸Â¾Æ¿ä: :È­³ª´Â±º¿ä: :Àá¿Í: :¿ì¿ïÇØ: :À̰ǾƳÄ: :¿ÕÇÏÇÏ: ¿Õ¿ôÀ½~ ³î·¥~
Æò°¡Çϱâ ÈǸ¢ÇÔ ¸Å¿ìÁÁÀ½ ÁÁÀ½ ±¦ÂúÀ½ º¸Åë º°·Î
µµ¹è¹æÁöÅ°
 48219165 º¸ÀÌ´Â µµ¹è¹æÁöÅ°¸¦ ÀÔ·ÂÇϼ¼¿ä.