更改圖像的時間間隔和當鼠標懸停在鏈接上使用WordPress的

我想問如何使圖像更改時間間隔（讓說5秒後），這些相同的圖像根據鏈接懸停（類似於它是在像www.gamespot.com這樣的網站）。我有以下鏈接：更改圖像的時間間隔和當鼠標懸停在鏈接上使用WordPress的

<ul class="ul1"> 
<li class="li1"><a class="link1" title="CRM" href="http://link1" target="_self">CRM</ a><li>                  
<li class="li1"><a class="link1" title="Apskaita ir finansai" href="http://link2" target="_self">Apskaita ir finansai</a></li> 
<li class="li1"><a class="link1" title="Darbo užmokestis" href="http://link3" target="_self">Darbo užmokestis</a></li> 
<li class="li1"><a class="link1" title="Kasos terminalas" href="http://link4" target="_self">Kasos terminalas</a></li> 
</ul>

好了，我已經成功地創建至今這樣的：所以jQuery的應該是這樣的：

function swapImages(){ 
var $active = $('#gallery1 .active'); 
var $next = ($('#gallery1 .active').next().length > 0) ? $('#gallery1 .active').next() : $('#gallery1 img:first'); 
$active.fadeOut(function(){ 
$active.removeClass('active'); 
$next.fadeIn().addClass('active'); 
}); 
} 
$(document).ready(function(){ 
    // Run our swapImages() function every 5secs 
    setInterval('swapImages()', 5000); 
}

我說我的js文件到「WP - 包括/ JS/jquery的」。我打開header.php文件，裏面 '頭' 的標籤說：

<?php wp_enqueue_script("jquery"); ?> 

<?php wp_head(); ?> 
<script type="text/javascript" src="/wp-includes/js/jquery/image-on-time.js"></script> /*my .js function*/

CSS樣式：

#gallery1{ 
float:right; 
width:400px; 
height:300px; 
} 
#gallery1 img{ 
    display:none; 
    position:absolute; 

} 
#gallery1 img.active{ 
    display:block; 
}

HTML語法我的網頁上：

<div id="gallery1"> 
<article> 
<img src="img1.jpg" class="active"/> 
<img src="img2.jpg"/> 
<img src="img3.jpg"/> 
</article>

這樣算下來後那第一個圖像出現了，沒有其他的事情發生。我做了一些錯誤的加載.js文件或其他錯誤？

因此，我讀到，該jQuery可能會與其他腳本衝突通過使用'$'。所以我改變了這樣的功能：

var $j = jQuery.noConflict(); 
$j(function swapImages(){ 
var $j(active) = $j('#gallery1 .active'); 
var $j(next) = ($j('#gallery1 .active').next().length > 0) ? $('#gallery1 .active').next () : $j('#gallery1 img:first'); 
$j(active).fadeOut(function(){ 
$j(active).removeClass('active'); 
$j(next).fadeIn().addClass('active'); 
    }); 
} 
    $j(document).ready(function(){ 
    // Run our swapImages() function every 5secs 
    setInterval('swapImages()', 5000); 
    });

而且我甚至改變了.js文件是如何被調用：

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/wp-includes/js/jquery/image-on-time.js"></script>

但什麼都沒有改變..誰能告訴我我在做什麼錯？所以沒有人對wordpress有所瞭解？

來源

2012-08-01 Andrius

總是寫一個文件中可能在黃磚路的某處使用的任何重要腳本。否則，您必須再次對其進行編碼或對其進行手動搜索。話雖如此，你可能應該參考WordPress手冊，或者查看論壇，如[this]（http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/）！ – ChiefTwoPencils 2012-08-01 08:23:30

好吧，我用chromes開發人員工具檢查了代碼，看到這個錯誤： Uncaught TypeError：對象[object window]的屬性'$'不是函數所以我想我必須改變$到別的東西，但怎麼做它適當嗎？.. – Andrius 2012-08-02 10:38:14

使用「jQuery」而不是$符號，並調用jQuery.noConflict（）;

來源

2012-08-13 14:13:22 Asciiom

更改圖像的時間間隔和當鼠標懸停在鏈接上使用WordPress的

回答

相關問題