2010-11-18 6 views
1

3D 캐 러셀 (예 : http://www.professorcloud.com/mainsite/carousel.htm)을 찾고 있는데 각 이미지에 해당하는 버튼이있는 이미지를 허용하려면 필요합니다. 예를 들어jQuery 3D 이미지 + 버튼 캐 러셀

는 :

<ul><li><img><fb:like></li> 
<li><img><fb:like></li> 
<li><img><fb:like></li> 
<li><img><fb:like></li> 
<li><img><fb:like></li></ul> 

나는 제품의 회전 목마 필요하고 각각의 하나는 그것의 버튼과 같은 페이스 북 대응이 필요합니다. 기능 위의 회전식 슬라이드 쇼에서 직선 이미지 이외의 콘텐츠를 추가 할 때 나타나는 것처럼 보입니다! 이것이 가능한지 또는 창의적인 팀을 다시 밀어 넣고 불가능하다고 말하면 알려주세요. (버튼 크기 조정에 대한 수학이 중단 될 수 있으므로 추측 할 수 있습니다.)

심지어 앞에있는 햄버거가 초점을 맞춘 경우 앞에 FB Like 버튼이 표시됩니다. 위의 플러그인 중 하나를 사용하여이를 수행 할 수 있습니까? 교수 클라우드 버전은 어떤 항목이 앞에 있는지를 알리는 "후크"가없는 것 같습니다. 저는 초급부터 중급까지의 jQuery 지식을 가지고 있습니다. ;) 감사!

$(options.titleBox).html($(items[fIndex].image).attr('title')); 

도심, 나는에서 페이지의 URL을 넣어 사용 : 공식적인 답변을 입력

+0

글쎄, 나는 그것을 알아낼 수 있었다 : 교수 클라우드 스크립트는 아이템이 앞에있을 때 고리가있다. 이것을 사용하여 img 자체의 데이터를 사용하여 FB Like 버튼의 URL을 변경할 수있었습니다. 나는 이미 스크립트에 있던 코드를 기반으로 $ (options.titleBox) .html ($ (items [fIndex] .image) .attr ('title')); – zoblue

답변

0

는 클라우드 회전 목마 이미지가 앞에에 따라 제목을 변경하는 코드 줄을 가지고

'데이터-URL은 "이어서 showFrontText 함수에 동적 FB 추천 버튼을 추가 컨베이어 JS 코드의 라인을 사용

<img src='img/myimage.png' data-url='fb-page-name'> 

회전식 각 IMG에 속성

$("p.like").html('<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=http://www.facebook.com/'+$(items[fIndex].image).attr('data-url')+'&layout=button_count&show_faces=false&width=80&action=like&font=arial&colorscheme=light\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:80px; height:80px\" allowTransparency=\"true\"><\/iframe>'); 
관련 문제