请帮我看一下我的Slideshow.php的代码,在banner是自动提取的产品图片,能不能改成固定图片,不自动提取
自动提取后老是变形,谢谢<divclass="slideshow"id="slideshow"><?phpif(have_posts()):?><divid="showi...
自动提取后老是变形,谢谢
<div class="slideshow" id="slideshow">
<?php if (have_posts()) : ?>
<div id="showimg">
<?php
$sticky = get_option('sticky_posts');
rsort( $sticky );
$sticky = array_slice( $sticky, 0, 5);
query_posts( array( 'post__in' => $sticky, 'caller_get_posts' => 1 ) );
?>
<?php while (have_posts()) : the_post(); ?>
<?php if ( get_post_meta($post->ID, 'slider', true) ) { ?>
<?php $sliderimg = get_post_meta($post->ID, 'slider', true); ?>
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>"><img src="<?php echo $sliderimg; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" /> </a>
<?php
} elseif ( (function_exists('has_post_thumbnail')) && (has_post_thumbnail()) ) {
?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" ><img src="<?php $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 958,260 ), false); echo $thumbnail[0]; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" class="thumbnail" /></a>
<?php } else {?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" ><img class="attachment-small" src="<?php echo catch_slider_image() ?>" title="<?php the_title(); ?>" alt="<?php the_title(); ?>" /></a>
<?php } ?>
<?php endwhile;?>
</div>
<div class="opacity"></div>
<div class="operate" id="operate">
<span class="hov">1</span><span>2</span><span>3</span><span>4</span><span>5</span>
</div>
<ul id="msg">
<?php while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endwhile;?>
</ul>
<?php endif;?>
</div>
<script language="javascript" >
$(function(){
var index = 0;
$("#operate span").mouseover(function(){
index = $("#operate span").index(this);
showImg(index);
});
//滑入 停止动画,滑出开始动画.
$('#slideshow').hover(function(){
if(MyTime){
clearInterval(MyTime);
}
},function(){
MyTime = setInterval(function(){
showImg(index)
index++;
if(index==5){index=0;}
} , 3000);
});
//自动开始
var MyTime = setInterval(function(){
showImg(index)
index++;
if(index==5){index=0;}
} , 3000);
})
//关键函数:通过控制i ,来显示不通的幻灯片
function showImg(i){
$("#showimg img")
.eq(i).stop(true,true).fadeIn(1000)
.parent().siblings().find("img").hide();
$("#msg li")
.eq(i).stop(true,true).fadeIn(1000)
.siblings().hide();
$("#operate span")
.eq(i).addClass("hov")
.siblings().removeClass("hov");
}
</script> 展开
<div class="slideshow" id="slideshow">
<?php if (have_posts()) : ?>
<div id="showimg">
<?php
$sticky = get_option('sticky_posts');
rsort( $sticky );
$sticky = array_slice( $sticky, 0, 5);
query_posts( array( 'post__in' => $sticky, 'caller_get_posts' => 1 ) );
?>
<?php while (have_posts()) : the_post(); ?>
<?php if ( get_post_meta($post->ID, 'slider', true) ) { ?>
<?php $sliderimg = get_post_meta($post->ID, 'slider', true); ?>
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>"><img src="<?php echo $sliderimg; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" /> </a>
<?php
} elseif ( (function_exists('has_post_thumbnail')) && (has_post_thumbnail()) ) {
?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" ><img src="<?php $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 958,260 ), false); echo $thumbnail[0]; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" class="thumbnail" /></a>
<?php } else {?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" ><img class="attachment-small" src="<?php echo catch_slider_image() ?>" title="<?php the_title(); ?>" alt="<?php the_title(); ?>" /></a>
<?php } ?>
<?php endwhile;?>
</div>
<div class="opacity"></div>
<div class="operate" id="operate">
<span class="hov">1</span><span>2</span><span>3</span><span>4</span><span>5</span>
</div>
<ul id="msg">
<?php while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endwhile;?>
</ul>
<?php endif;?>
</div>
<script language="javascript" >
$(function(){
var index = 0;
$("#operate span").mouseover(function(){
index = $("#operate span").index(this);
showImg(index);
});
//滑入 停止动画,滑出开始动画.
$('#slideshow').hover(function(){
if(MyTime){
clearInterval(MyTime);
}
},function(){
MyTime = setInterval(function(){
showImg(index)
index++;
if(index==5){index=0;}
} , 3000);
});
//自动开始
var MyTime = setInterval(function(){
showImg(index)
index++;
if(index==5){index=0;}
} , 3000);
})
//关键函数:通过控制i ,来显示不通的幻灯片
function showImg(i){
$("#showimg img")
.eq(i).stop(true,true).fadeIn(1000)
.parent().siblings().find("img").hide();
$("#msg li")
.eq(i).stop(true,true).fadeIn(1000)
.siblings().hide();
$("#operate span")
.eq(i).addClass("hov")
.siblings().removeClass("hov");
}
</script> 展开
4个回答
展开全部
那你就把这段改改
<?php while (have_posts()) : the_post(); ?>
<?php if ( get_post_meta($post->ID, 'slider', true) ) { ?>
<?php $sliderimg = get_post_meta($post->ID, 'slider', true); ?>
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>"><img src="<?php echo $sliderimg; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" /> </a>
<?php
} elseif ( (function_exists('has_post_thumbnail')) && (has_post_thumbnail()) ) {
?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" ><img src="<?php $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 958,260 ), false); echo $thumbnail[0]; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" class="thumbnail" /></a>
<?php } else {?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" ><img class="attachment-small" src="<?php echo catch_slider_image() ?>" title="<?php the_title(); ?>" alt="<?php the_title(); ?>" /></a>
<?php } ?>
<?php endwhile;?>
改成
<a href="图片1链接" title="图片1标题" ><img class="attachment-small" src="图片1图片地址" title="图片1标题" alt="图片1标题" /></a>
<a href="图片2链接" title="图片2标题" ><img class="attachment-small" src="图片2图片地址" title="图片2标题" alt="图片2标题" /></a>
<a href="图片3链接" title="图片3标题" ><img class="attachment-small" src="图片3图片地址" title="图片3标题" alt="图片3标题" /></a>
....
<ul id="msg">
<?php while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endwhile;?>
</ul>
改成
<ul id="msg">
<li><a href="图片1链接">图片1标题</a></li>
<li><a href="图片2链接">图片2标题</a></li>
<li><a href="图片3链接">图片3标题</a></li>
...
</ul>
<?php while (have_posts()) : the_post(); ?>
<?php if ( get_post_meta($post->ID, 'slider', true) ) { ?>
<?php $sliderimg = get_post_meta($post->ID, 'slider', true); ?>
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>"><img src="<?php echo $sliderimg; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" /> </a>
<?php
} elseif ( (function_exists('has_post_thumbnail')) && (has_post_thumbnail()) ) {
?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" ><img src="<?php $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 958,260 ), false); echo $thumbnail[0]; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" class="thumbnail" /></a>
<?php } else {?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" ><img class="attachment-small" src="<?php echo catch_slider_image() ?>" title="<?php the_title(); ?>" alt="<?php the_title(); ?>" /></a>
<?php } ?>
<?php endwhile;?>
改成
<a href="图片1链接" title="图片1标题" ><img class="attachment-small" src="图片1图片地址" title="图片1标题" alt="图片1标题" /></a>
<a href="图片2链接" title="图片2标题" ><img class="attachment-small" src="图片2图片地址" title="图片2标题" alt="图片2标题" /></a>
<a href="图片3链接" title="图片3标题" ><img class="attachment-small" src="图片3图片地址" title="图片3标题" alt="图片3标题" /></a>
....
<ul id="msg">
<?php while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endwhile;?>
</ul>
改成
<ul id="msg">
<li><a href="图片1链接">图片1标题</a></li>
<li><a href="图片2链接">图片2标题</a></li>
<li><a href="图片3链接">图片3标题</a></li>
...
</ul>
展开全部
一般这样的代码都需要一个flash播放器的,在这里贴代码给你都没有用,你可以到“懒人图库”里面的广告代码里去下载一个就可以了,里面有很多样式的源码,...
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2012-07-19
展开全部
不错
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询