日期:2014-05-17  浏览次数:20526 次

【JS图片切换问题】
图片 去掉<a>标签才能显示切换  如果加了<a>标签 就不切换了一只都是第一张 。
目的是 图片可以切换也可以点击链接。
<SCRIPT type=text/javascript>
$(document).ready(function(){
});
$(window).load(function(){
var content_height = $(window).height() - $('#header').height() - $('#footer').height();
$('#home #slideshow img').height(content_height);
$('#home #slideshow').width($('#home #slideshow img').width());
$('#home #slideshow').height(content_height);
$('#wrapper').css('margin',0);

maxwidth = ($(window).width()-$('#left_col').width()-40);
if (maxwidth < $('#home #slideshow img').width()) {
maxwidth = $('#home #slideshow img').width();
}
$('#home #slideshow').css({'marginTop':$('#header').height(),'max-width':maxwidth});

resetSlideshowPosition();
});
$(window).resize(function(){
resetSlideshowPosition();
});
function resetSlideshowPosition() {
if ($('#slideshow').offset().left < 270) {
$('#slideshow').css({'float':'left'});
} else if ($(window).width() > $('#slideshow').offset().left + $('#slideshow').outerWidth()) {
$('#slideshow').css({'float':'right'});
}
}
</SCRIPT>



<DIV id=home>

<DIV style="MARGIN-LEFT: 270px" id=slideshow>
<A href="/me.htm" rel="nofollow" target="_blank"><IMG class=active src="index/7up5r8GRrF.jpg"></A>
<A href="/me.htm" rel="nofollow" target="_blank"><IMG src="index/qaRkVHa5Qu.jpg"></A>
<A href="/me.htm" rel="nofollow" target="_blank"><IMG src="index/CkXAe6PmvM.jpg"></A>
<A href="/mywork.htm" rel="nofollow" target="_blank"><IMG src="index/4rlj55c1Nw.jpg"></A>
<A href="/myworkh.htm" rel="nofollow" target="_blank"><IMG src="index/one.jpg"></A>

</DIV></DIV></DIV>

------解决方案--------------------
js不懂。。 路过帮顶
------解决方案--------------------
试试在img标签中用onclick
------解决方案--------------------
$('#home #slideshow img')都改成$('#home #slideshow a img')试试