JQuery Fancybox - 試圖改變一次點擊圖像的網址

我是新來的網站，相對較新的ASP.NET（至少在商業上）。JQuery Fancybox - 試圖改變一次點擊圖像的網址

這裏有點問題。我在同一頁面上使用了幾個JQuery插件。我想要做的是在鼠標懸停在圖像上時顯示縮略圖預覽，然後在點擊後將圖像切換到不同的圖像，並在FancyBox中顯示此圖像 - 3個獨立的圖像，如果您願意（讓我們打電話他們A，B和C）。所有這一切都在一個滑塊內（又一個JQuery插件）。

我已經設法讓滑塊內部的圖像懸停工作，甚至相同圖像的花式框;即imgB hovers和imgB顯示在花式框中。問題是，當點擊並顯示FancyBox時，我無法切換到imgC。問題是，圖像預覽代碼和FancyBox都需要一個<'a'>標籤，這顯然不能嵌套在對方內部。我的Javascript代碼如下：

<script type="text/javascript"> 
    $(document).ready(function() {   

     $("a#imgB").fancybox(); 

    }); 
</script>

我的HTML圖像代碼如下：

<a href="image/imgB" class="preview" id="imgB"> 
    <img src="image/imgA" alt="Image A"> 
</a>

上面的代碼顯示「IMGB」圖像作爲懸停，並顯示在的fancybox相同的圖像一旦點擊。我想要做的就是保持懸停，但將FancyBox圖像切換爲另一個 - imgC - 一旦點擊。根據FancyBox網站，您可以通過更改HREF設置來強制更改HREF。我已經嘗試了幾個變體，包括：

$("a#imgB").fancybox({ 
    'href': href.replace('image/imgC.jpg')   
});

但是不幸的是，這不起作用。我感覺這是一件非常簡單的事情，正在凝視着我，但無法弄清楚。我會很感激任何幫助。

謝謝！

2011-10-03 odinel

用一個簡單的改變腳本固定它懸停：

$("a#imgB").fancybox({ 
    'href': 'image/imgC.jpg'   
});

看起來RIED到過分複雜化了。 D'哦！：o）

2011-10-04 10:52:38 odinel

您可以修改懸停插件來取代div容器嗎？我不認爲應該有一個原因，你只能做上的一個鏈接

2011-10-03 18:06:38 nambrot

感謝您的評論。你的意思是嵌套在一個div內的圖像？它需要知道圖像的URL作爲懸停顯示。我試過嵌套在div中，但它不起作用。可能是時候嘗試一個不同的懸停插件 – odinel

我的意思是有一個圖像在一個div（懸停）在一個（點擊）。然後將鏈接放在懸停div的alt屬性中。我不知道這是否會與你的懸停插件工作 – nambrot

回答