php轮播
‘壹’ php循环输出轮播图问题,通过img1=new Image ();img1.src='images/1.jpg';输出5个img后面数字自动加一
<script>
varwidths=967;//图片宽
varheights=246;//高
varcounts=5;//图片数量
for(i=1;i++;i<5){
img[i]=newImage();img[i].src='images/'+i+'.jpg';//图片的位置
url[i]=newImage();url[i].src='index.php';//图片链接地址
}
</script>
//用这样的形式,如果要自增函数名有点麻烦
‘贰’ php 网页制作 图片轮播
这是前台的事,不用php 用jq
http://tympanus.net/codrops/
http://reeoo.com/
很多网站都有类似的效果 可以模仿下
‘叁’ PHP或者js如何实现轮播图每次刷新与上次不一样
如果不用cookie和session
那可以用localstorage或localsession
或者可以后台ajax读取信息
或者可以用html5网页数据库实现
或者可以记录文件用以读取
或者可以随机排序读取
或者可以写入云数据,获取显示
或者可以其他
或者可以其他其他
或者不知道
‘肆’ phpcms 单页模板如何实现轮播效果
<p style="font-size:16px;text-indent:2em;">{php echo strstr("$content","<img",true);}</p>
<script type="text/javascript" src="{JS_PATH}jquery.easing.1.3.js"></script>
<script type="text/javascript" src="{JS_PATH}jquery.galleryview-1.1.js"></script>
<script type="text/javascript" src="{JS_PATH}jquery.timers-1.1.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#photos').galleryView({
panel_width: 760,
panel_height: 250,
frame_width: 102,
frame_height: 102
});
});
</script>
<div class="div">
<div id="photos" class="galleryview" style="margin:auto;">
{loop explode("<img",$content) $b}
{if $n!=1}
<div class="panel">
<img {php echo strstr("$b","src=");}
<div class="panel-overlay">
<h2>{php echo str_replace("/>"," ",str_replace("title="," ",str_replace("\""," ",strstr($b,"title="))));}</h2>
<p></p>
</div>
</div>
{/if}
{/loop}
<ul class="filmstrip">
{loop explode("<img",$content) $c}
{if $n!=1}
<li><img height="102" width="102" {php echo strstr("$c","src=");} </li>
{/if}
{/loop}
</ul>
</div>
</div>
我之前做过一个这样的,然后在后台文本编辑器里一个一个传图片写把图说写在alt里就好了
‘伍’ php代码怎么调用文章内的图片再轮播,就是每次发布新的文章只要有图片就自动调用,然后轮播
用jQuery,做个向左滚动就好,scrollLeft()
‘陆’ 怎样让php中轮播图片不超出屏幕
图片宽度100%
让图片自适应
或者定义不同分辨率下的图片大小
这样就不会了
‘柒’ php实现一组数组根据日期轮播显示
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#banner {position:relative; width:1070px; height:280px; overflow:hidden; margin:0 auto;}
#banner_list img {border:0px;}
#banner_bg {position:absolute; bottom:0;background-color:#000;height:30px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000;
cursor:pointer; width:478px; }
#banner_info{position:absolute; bottom:0; left:5px;height:22px;color:#fff;z-index:1001;cursor:pointer}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}
#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002;
margin:0; padding:0; bottom:3px; right:5px;}
#banner ul li { padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer}
#banner ul li.on { background:#900}
#banner_list a{position:absolute;} <!-- 让四张图片都可以重叠在一起-->
</style>
<script language="javascript" src="/resources/js/FY_jq.js"></script>
<script type="text/javascript">
var t = n = 0, count;
$(document).ready(function(){
var myDate = new Date();
var day = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
day = 0;//测试用
switch(day) {
case 0 :
document.getElementById('img1').setAttribute('src','img/20150506112244.png');
document.getElementById('img2').setAttribute('src','img/20150506112212.png');
document.getElementById('img3').setAttribute('src','img/20150506112244.png');
document.getElementById('img4').setAttribute('src','img/20150506112212.png');
break;
case 1 : alert("你好啊!");break;
case 2 : alert("你好啊!");break;
case 3 : alert("你好啊!");break;
case 4 :
document.getElementById('img1').setAttribute('src','img/20150506112212.png');
document.getElementById('img2').setAttribute('src','img/20150506112244.png');
document.getElementById('img3').setAttribute('src','img/20150506112212.png');
document.getElementById('img4').setAttribute('src','img/20150506112244.png');break;
case 5 : alert("你好啊!");break;
case 6 : alert("你好啊!");break;
}
count=$("#banner_list a").length;
$("#banner_list a:not(:first-child)").hide();
$("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt'));
$("#banner_info").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")});
$("#banner li").click(function() {
var i = $(this).text() - 1;//获取Li元素内的值,即1,2,3,4
n = i;
if (i >= count) return;
$("#banner_info").html($("#banner_list a").eq(i).find("img").attr('alt'));
$("#banner_info").unbind().click(function(){window.open($("#banner_list a").eq(i).attr('href'), "_blank")})
$("#banner_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
document.getElementById("banner").style.background="";
$(this).toggleClass("on");
$(this).siblings().removeAttr("class");
});
t = setInterval("showAuto()", 4000);
$("#banner").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 4000);});
})
function showAuto()
{
n = n >=(count - 1) ? 0 : ++n;
$("#banner li").eq(n).trigger('click');
}
</script>
<body>
<div id="banner">
<div id="banner_bg"></div> <!--标题背景-->
<div id="banner_info"></div> <!--标题-->
<ul>
<li class="on">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<div id="banner_list">
<a href="#" target="_blank"><img id="img1" src="" title="" alt="" /></a>
<a href="#" target="_blank"><img id="img2" src="" title="" alt="" /></a>
<a href="#" target="_blank"><img id="img3" src="" title="" alt="" /></a>
<a href="#" target="_blank"><img id="img4" src="" title="" alt="" /></a>
</div>
</div>
</body>
</html>
我自己该写的,也测试过。希望能帮到你。
‘捌’ 求php图片轮播代码
<?php
$setimg = Array (
'234.gif',
'345.gif',
'456.gif',
'567.gif',
'678.gif' // 顺序加入
$num = rand(0,4); // 设定随机数值
$link = "./" . $setimg[$num];
header("Location: ".$link);
?>
希望对你有帮助