php圖片滾動
『壹』 php中怎樣使得後台顯示的圖片上下滾動
<marquee behavior=alternate direction=down>插入圖片路徑</marquee>
寬高可以自己再設
『貳』 如何在PHP網頁加入這個圖片滾動特效
圖片滾動的特效一般跟php沒有關系
這類插件一般都是js,flash,css,做的。
網上很多這類插件,要先在模板頁引用這些插件,然後在js里設置參數,例如顯示圖片的大小,速度,然後代入圖片。
『叄』 如何用php寫圖片滾動,求思路
用javascript或jquery的
思路就是改你圖片或所在div的css屬性
看你咋滾動了
有的橫著一點一點的一點 有的 一張一張的滾動。。。
網上有很多的代碼 你找找。
『肆』 如何在PHP網代碼中加入圖片滾動的效果
#indemo給的寬度是不夠的,寬度是要大於等於的demo1和demo2寬度之和。具體操作如下:
<style type="text/css">
<!--
#demo {
background: #000;
overflow:hidden;
border: 0px dashed #000;
width: 750px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>
<div id="demo">
<div id="indemo">
<div id="demo1">
<ul>
<?php echo dt_proct(8,5,10,0,0,false,null,'id')?>
</ul>
</div>
<div id="demo2"></div>
</div>
</div>
<script>
<!--
var speed=10; //數字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
『伍』 php 網頁製作 圖片輪播
這是前台的事,不用php 用jq
http://tympanus.net/codrops/
http://reeoo.com/
很多網站都有類似的效果 可以模仿下
『陸』 怎麼用php實現一個div 裡面有幾張圖片 呈現一個滾動的效果 通過滑鼠的指針控制上下左右 的觸發
看樣子你對web編程還知道的很少,通常情況下這種情形是通過js來進行控制的,php負責後端。如果你真的想用php的話,那就只能刷新頁面,我想有點常識的都不會這么做。
用js做也很簡單,網上很多的。一個簡單的思路就是,在div裡面的圖片都隱藏,每張圖片一個序號,默認顯示第一張,當你進行點擊的時候,當前顯示的圖片隱藏,下一張圖片顯示出來。不過既然你想到的是php實現,所以js這塊我就不多說了。自己網上找找吧。
『柒』 PHP如何實現搜索結果(或分類)下的圖片滾動瀏覽(如百度圖片一樣)
哈哈,你這個需求大部分都是javascript來完成的.
關於圖一的列表樣式,無非就是瀑布流滾動配合ajax到php後台取數據實現無限載入而已
插件都是現成的
http://www.17sucai.com/pins/4714.html
至於圖二就更簡單.無非是一個javascript的相冊插件,也用現成的,php就是按照插件的格式把數據循環出來即可
鑒於你可能比較菜,給你推薦這款插件吧 比較簡單 配置也有詳細說明
http://www.helloweba.com/view-blog-61.html
『捌』 求教php首頁上想讓兩張圖片循環滾動代碼怎麼寫啊
可以使用flexslider ,代碼和下邊類似
<div class="slider">
<div class="flexslider flexslider2">
<ul class="slides item">
<?php foreach($slide as $v) { ?>
<li><a target="_bland" href="<?php echo $v['Url']; ?>"><img src="<?php echo '../'.$v['ImagePath']; ?>" width="960" height="250"></a></li>
<?php } ?>
</ul>
</div>
</div>
『玖』 php如何讓資料庫中的圖片在網頁首頁滾動顯示
可以用無縫圖片滾動效果 如:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
* { margin: 0; padding: 0;}
body{ background-color:#1B1B1B}
#div1{ width: 800px; height: 150px; position: relative; margin: 100px auto;overflow: hidden;}
#div1 ul { width: 800px; height: 150px; position: relative; }
#div1 ul li { height: 150px; float: left; list-style: none; padding-right:20px;}
#div1 ul li img { width: 200px; height: 150px; display: inline-block;}
a{ color: #B4B4B4; }
</style>
<script type="text/javascript">
window.onload=function(){
var odiv = document.getElementById('div1');
var oul = odiv.getElementsByTagName('ul')[0];
var ali = oul.getElementsByTagName('li');
var spa = -2;
oul.innerHTML=oul.innerHTML+oul.innerHTML;
oul.style.width=ali[0].offsetWidth*ali.length+'px';
function move(){
if(oul.offsetLeft<-oul.offsetWidth/2){
oul.style.left='0';
}
if(oul.offsetLeft>0){
oul.style.left=-oul.offsetWidth/2+'px'
}
oul.style.left=oul.offsetLeft+spa+'px';
}
var timer = setInterval(move,30)
odiv.onmousemove=function(){clearInterval(timer);}
odiv.onmouseout=function(){timer = setInterval(move,30)};
document.getElementsByTagName('a')[0].onclick = function(){
spa=-2;
}
document.getElementsByTagName('a')[1].onclick = function(){
spa=2;
}
}
</script>
</head>
<body>
<a href="#" style=" display: block; margin:0 auto; width: 50px;">向左走</a>
<a href="#" style=" display: block; margin:0 auto; width: 50px;">向右走</a>
<div id="div1">
<ul>
<li><img src="img/1.jpg"/></li>
<li><img src="img/2.jpg"/></li>
<li><img src="img/3.jpg"/></li>
<li><img src="img/4.jpg"/></li>
</ul>
</div>
</body>
</html>