2011-04-08 91 views
0

我需要通過2個變量(Nextimage軟件,PREVIMAGE)在這個函數jQuery參數功能

$("a.lightbox").click(function abc(e) { 
    var nextimage = $(this).parent().next().children('a').attr('href'); 
    var previmage = $(this).parent().prev().children('a').attr('href'); 
    return nextimage; 
    return previmage; 
}); 

他們應該被傳遞給這個函數像

function nextimage(){ 
    $('<img src="nextimage"/>') 
} 

之間傳遞任何幫助將大大讚賞

+1

什麼是你的問題?我不明白。 – 2011-04-08 18:44:52

+0

我需要從函數abc()傳遞2個變量到函數nextimage() – George 2011-04-08 18:46:30

+0

這沒有意義。你如何從點擊事件返回一些東西?誰會捕獲返回的值?爲什麼不直接從處理程序中調用'nextimage()'? – 2011-04-08 18:49:09

回答

1

我認爲這是你在找什麼..

$("a.lightbox").click(function(e) { 
    var nextimage = $(this).parent().next().children('a').attr('href'); 
    var previmage = $(this).parent().prev().children('a').attr('href'); 

    nextimage(nextimage, previmage); 
}); 


function nextimage(nextimage, previmage){ 
    $('<img src="nextimage"/>') 
} 

雖然函數調用可能不是必要的...取決於您的應用程序。

+0

我應該通過nextimage函數nextimage – George 2011-04-08 19:26:56

+0

我簡單地在你原來的帖子後命名了這個功能。如果您可以向我提供有關目前名爲「nextimage」功能的更多信息,我可以進一步幫助您。 – Craig 2011-04-11 11:13:57

0

我得到了更好的解決方案。檢查:

編號:Previous Question

<div> 
<ul class="listing"> 
     <li><a href="imgs/eli.jpg" id="1" class="lightbox"><img src="thumbs/eli_t.jpg" width="150" height="100" class="images" /></a></li> 
     <li><a href="imgs/ggallin.jpg" id="2" class="lightbox"><img src="thumbs/ggallin_t.jpg" width="150" height="100" class="images" /></a></li> 
     <li><a href="imgs/jontarata.jpg" id="3" class="lightbox"><img src="thumbs/jontarata_t.jpg" width="150" height="100" class="images" /></a></li> 
     <li><a href="imgs/macka s tatuirovki.jpg" id="4" class="lightbox"><img src="thumbs/macka s tatuirovki_t.jpg" width="150" height="100" class="images" /></a></li> 
     <li><a href="imgs/mk7.jpg" id="5" class="lightbox"><img src="thumbs/mk7_t.jpg" width="150" height="100" class="images" /></a></li> 
     <li><a href="imgs/P5010345.jpg" id="6" class="lightbox"><img src="thumbs/P5010345_t.jpg" width="150" height="100" class="images" /></a></li> 
    </ul> 
<a id="prev">Prev</a> 
<a id="next">Next</a> 
</div> 
<img id="currentImage"></img> 

<script type="text/javascript"> 
(function() { 
    var index = 0; 
    var showImage = function(i) { 
     var url = $("ul.listing a").eq(i).attr("href"); 

     $("#currentImage").attr("src", url); 
     index = i; 
    }; 
    $("#prev").click(function() { 
     showImage(index - 1); 
    }); 

    $("#next").click(function() { 
     showImage(index + 1); 
    }); 

    $("ul.listing a").click(function() { var i = $(this).index(); showImage(i); }); 
})(); 
</script>