當前位置:首頁 » 編程語言 » php輪播

php輪播

發布時間: 2022-09-18 08:13:52

『壹』 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如何實現輪播圖每次刷新與上次不一樣

  1. 如果不用cookie和session

  2. 那可以用localstorage或localsession

  3. 或者可以後台ajax讀取信息

  4. 或者可以用html5網頁資料庫實現

  5. 或者可以記錄文件用以讀取

  6. 或者可以隨機排序讀取

  7. 或者可以寫入雲數據,獲取顯示

  8. 或者可以其他

  9. 或者可以其他其他

  10. 或者不知道

『肆』 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);

?>

希望對你有幫助

熱點內容
安卓手機哪個生態好 發布:2025-01-11 17:56:01 瀏覽:272
資料庫數據的一致性 發布:2025-01-11 17:30:45 瀏覽:708
手機怎麼設置手勢安卓 發布:2025-01-11 17:15:54 瀏覽:965
威能壁掛爐解壓閥 發布:2025-01-11 17:15:53 瀏覽:560
突破伺服器ip限制 發布:2025-01-11 17:11:23 瀏覽:819
支付寶上傳憑證 發布:2025-01-11 17:10:29 瀏覽:877
怎麼打開行李箱的密碼鎖 發布:2025-01-11 17:09:51 瀏覽:594
蘋果怎麼刪除id賬號和密碼 發布:2025-01-11 17:09:50 瀏覽:785
7z解壓很慢 發布:2025-01-11 16:51:23 瀏覽:943
電腦改文檔伺服器 發布:2025-01-11 16:41:14 瀏覽:871