?php
10年積累的成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)經(jīng)驗,可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你,你也不認(rèn)識我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程,更有圖們免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
$img_list = myfun_get_image_list();
if (isset($_SESSON['cur_img_idx'])) { // 這里用COOKIE也可以
$img_index = $_SESSON['cur_img_idx'] + 1;
if ($img_index = count($img_list)) {
$img_index -= count($img_list);
}
} else {
$img_index = 0;
}
$img_path = $img_list[$img_index];
$_SESSION['cur_img_idx'] = $img_index;
echo "img src='$img_path' /";
$img_path =
如果不用cookie和session
那可以用localstorage或localsession
或者可以后臺ajax讀取信息
或者可以用html5網(wǎng)頁數(shù)據(jù)庫實現(xiàn)
或者可以記錄文件用以讀取
或者可以隨機排序讀取
或者可以寫入云數(shù)據(jù),獲取顯示
或者可以其他
或者可以其他其他
或者不知道
script
var?widths=967;?//圖片寬
var?heights=246;//高
var?counts=5;//圖片數(shù)量
for(i=1;i++;i5){
img[i]=new?Image?();img[i].src='images/'+i+'.jpg';?//圖片的位置
url[i]=new?Image?();url[i].src='index.php';//圖片鏈接地址
}
/script
//用這樣的形式,如果要自增函數(shù)名有點麻煩
回答:
綜合思路:
1. 大概了解了一下你希望得到的效果,而且也正是我這一周正在攻關(guān)的問題,并已經(jīng)完成最終測試。
2. ajax從另一個php頁面得到圖片地址(以text形式得到,形式以ul/li的html代碼格式在該php頁面中形成并顯示)。
3. 在index.php文件的html代碼部分建立一個隱藏div塊,用以暫放第二條得到的數(shù)據(jù)。
4. 使用javascript實現(xiàn)圖片輪播效果,并設(shè)計一個顯示界面,在下方按照圖片輪播的情況動態(tài)顯示圖片介紹(忘了說,這個圖片介紹可在第二條的那個php文件中放入圖片的alt屬性之中。)
6. 和第四條相配合,在html代碼部分加入一個div塊,用以顯示輪播圖片和文字介紹以及控制按鈕,并為其設(shè)置id屬性,供javascript使用。
7. 至于需要多么強悍或炫麗的特效,都可以使用js進行編制,前提是您需要對js有一個基本甚至效好的理解和應(yīng)用能力。
8. 期間還要有圖片轉(zhuǎn)入動畫的制作和放置,不過這也只是特效的一部分,如果你希望得到代碼,到時候百度hi我,我可以將我的代碼供你參考,不過這套代碼我暫時還不想公開,你需要的話單獨聯(lián)系。望諒解。
===========================================
至于php正則類?如果沒有大量的正則替換工作需要進行的話,最好自己編寫,因為所謂的類都會在一定程序上拉低整體程序性能,(其實是我不喜歡使用,也沒有去了解過,正則都是自己來用php函數(shù)寫的。)
=============================
最后,工作順意,才思泉涌!
可以用無縫圖片滾動效果 如:
!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.offsetLeft0){
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
liimg src="img/1.jpg"http://li
liimg src="img/2.jpg"http://li
liimg src="img/3.jpg"http://li
liimg src="img/4.jpg"http://li
/ul
/div
/body
/html