오랜만에 찾아뵙습니다~ ㅎㅎ
prettyphoto를 요즘 공부하고 있거든요..시하님한테 삘받아서 ㅎㅎ
근데 요넘의 prettyphoto가 다 좋은데 딱 하나 문제를 못풀고 있네요..
혹시 아시는 분 있으심 좀 도와주십시오~
prettyphoto가 자체에서 autoplay가 가능하도록 되어 있는데요.
그게 문제는 js파일에서 가능하도록 해버리면
모든 페이지에서 다 autoplay가 되버리더라구요..
제가 원하는건 한페이지 내에서 특정부분만 autoplay가 적용되면 좋겠거든요..
<a href="picture.jpg" rel="prettyPhoto[pp_gal]" rev="autoplay_slideshow:true">Link</a>
요런 식으로 작성해보았는데 원하는대로 설정은 안되네요..
prettyphoto를 사용하는데 있어 특정부분만 autoplay가 되도록 적용시키는 방법을 배우고 싶습니다.
고수님들 도와주세요~
댓글 2개
prettyPhoto 소스 다운받아서 예제 파일(index.html)을 보니 거기에 답이 있네요.
186라인에 $(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: true}); 라고 되어 있듯이 jQuery로 범위를 지정한 후 거기에만 prettyPhoto 적용하면 되겠습니다.
예제에서는 gallery 클래스 지정된 엘러먼트(예제에서는 58라인의 <ul class="gallery clearfix">)의 첫번째 자녀(li)에서 a 태그 중 rel에 prettyPhoto지정된 엘러먼트에서 prettyPhoto를 지정할 때에 autoplay_slideshow 값을 true로 주었습니다.
186라인에 $(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: true}); 라고 되어 있듯이 jQuery로 범위를 지정한 후 거기에만 prettyPhoto 적용하면 되겠습니다.
예제에서는 gallery 클래스 지정된 엘러먼트(예제에서는 58라인의 <ul class="gallery clearfix">)의 첫번째 자녀(li)에서 a 태그 중 rel에 prettyPhoto지정된 엘러먼트에서 prettyPhoto를 지정할 때에 autoplay_slideshow 값을 true로 주었습니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 384 | |
| 12508 |
JavaScript
서버시간 알아내기
|
| 383 | |
| 381 | |
| 20395 | |
| 12507 | |
| 12506 | |
| 12505 | |
| 12504 |
웹서버
서버 동시접속자 설정 변경하기
|
| 12503 | |
| 12502 | |
| 12500 | |
| 12499 | |
| 12498 |
MySQL
테이블 복사 쿼리
|
| 20392 | |
| 12497 |
PHP
현재 접속중인 사용자 나타내기
|
| 12496 |
MySQL
mysql select 후 update 하기
|
| 12495 | |
| 12494 |
PHP
한글문자열 자르는 법 입니다.
|
| 12493 | |
| 12492 | |
| 12491 |
PHP
이메일주소 검사하기 입니다.
|
| 12490 | |
| 12489 | |
| 12488 |
node.js
Node js 게시판 프로젝트 소개합니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기