2012-05-15 2 views
0

<div id="supersized"></div> 안에있는 모든 이미지를 jquery supersized plugin에 전달하고 싶습니다.jquery에서 div 이미지 호출하기

현재 구현은 다음과 같지만 작동하지 않습니다. 내가 당신을 잘받을 경우

jQuery 코드

$(function(){ 
       $.fn.supersized.options = { 
        startwidth: 640, 
        startheight: 480, 
        vertical_center: 1, 
        slideshow: 1, 
        navigation: 1, 
        thumbnail_navigation: 1, 
        transition: 1, //0-None, 1-Fade, 2-slide top, 3-    slide right, 4-slide bottom, 5-slide left 
        pause_hover: 0, 
        slide_counter: 1, 
        slide_captions: 1, 
        slide_interval: 3000, 
        slides : [ 

    {image : 'slides/tower.jpg', title : 'City Clock Tower'}, 
    {image : 'slides/fence.jpg', title : 'Canal Park Fence'}, 
    {image : 'slides/tracks.jpg', title : 'Old Train Tracks'} 
        ] 
       }; 
       $('#supersized').supersized(); 
      }); 

JSP 코드

<div id="supersized"> 



<IMG SRC="../img/nature/xyz.jpg'" WIDTH="150" HEIGHT="150" BORDER="0" ALT=""> 


<IMG SRC="../img/nature/asaz.jpg'" WIDTH="150" HEIGHT="150" BORDER="0" ALT=""> 


<IMG SRC="../img/nature/sun.jpg'" WIDTH="150" HEIGHT="150" BORDER="0" ALT=""> 


</div> 

+0

당신이 그 번호를 알고 있어야 이미지를 호출의 컬렉션을 트러. – VisioN

+0

div 태그 안에있는 모든 이미지를 호출하고 싶습니다. 슬라이드 쇼용으로 사용하고 있습니다. – Akshay

+0

sidenote로 모든 프리젠 테이션 속성을 제거하고 CSS에서 테두리, 높이 및 너비를 이동해야합니다. – fcalderan

답변

0
$('#supersized img').supersized(); 

을 저를 도와주세요.

+0

슬라이드 안의 모든 이미지를 가져오고 싶습니다. [ div images ] – Akshay

+0

기다려주십시오. 다시 한 번 -'slides' 배열에서 이미지를 가져 와서'# supersized' div에 넣으시겠습니까? 또는 무엇을? –

+0

모든 이미지를 슬라이드에 전달하여 [xyz.jpg, ss.jpg, ..] 등의 이미지를 표시하고 싶습니다. 슬라이드 쇼처럼. 그러나 이미지는

.. etc
Akshay

0
$('#supersized img').each(function(){ 
    alert("src is : " + $(this).attr('src')); 
}); 

이미지와 경고의 src 코드

+0

따옴표가 틀렸어 야합니다. –