Phiên bản đầy đủ: jsB@nk » Hình ảnh » Xem ảnh » Trình xem ảnh dùng với PHP
URL: https://www.javascriptbank.com/dynamic-php-picture-viewer-index.html
Hiệu ứng này tạo một trình xem ảnh trên trang web sử dụng kết hợp Javascript với PHP, nó dùng mmột file PHP để chứa các ảnh. Để sử dụng được hiệu ứng này, host của bạn phải hỗ trợ PHP và tải về file getpics.txt rồi đổi thành getpics.php, upload lên server.
Phiên bản đầy đủ: jsB@nk » Hình ảnh » Xem ảnh » Trình xem ảnh dùng với PHP
URL: https://www.javascriptbank.com/dynamic-php-picture-viewer-index.html
<style type="text/css">#picturearea{filter:alpha(opacity=100);-moz-opacity: 0;}</style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script src="getpics.php" type="text/javascript"></script><script type="text/javascript"><!-- Dynamic PHP Picture Viewer (v1.0)- By JavaScriptKit.com (http://www.javascriptkit.com) //---><!-- For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/ //---><!-- This notice must stay intact for use //--->function populateSelect(selectobj){for (var i=0; i<picsarray.length; i++)selectobj.options[selectobj.options.length]=new Option(picsarray[i], picsarray[i])if (selectobj.options.length>1){selectobj.selectedIndex=0showpicture(document.getElementById("picsform").picslist)}}function showpicture(selectobj){piccontainerobj=document.getElementById("picturearea")resetfade(10)piccontainerobj.innerHTML='<img src="'+selectobj.options[selectobj.selectedIndex].value+'">'fadepictoview=setInterval("gradualfade(piccontainerobj)",50)}function resetfade(degree){if (window.fadepictoview)clearInterval(fadepictoview)if (typeof piccontainerobj.style.MozOpacity=="string")piccontainerobj.style.MozOpacity=degree/100else if (piccontainerobj.filters)piccontainerobj.filters.alpha.opacity=degree}function gradualfade(){if (typeof piccontainerobj.style.MozOpacity=="string" && piccontainerobj.style.MozOpacity<1)piccontainerobj.style.MozOpacity=Math.min(parseFloat(piccontainerobj.style.MozOpacity)+0.2, 0.99)else if (piccontainerobj.filters && piccontainerobj.filters.alpha.opacity<100)piccontainerobj.filters.alpha.opacity+=20else //if not IE or MozclearInterval(fadepictoview)}window.onload=function(){populateSelect(document.getElementById("picsform").picslist)}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><div style="float: left; width: 200px;"><form id="picsform"><select name="picslist" size="4" style="width: 200px" onClick="showpicture(this)"></select></form></div><div id="picturearea" style="float: left; width: 400px; height: 300px; margin-left: 20px"></div><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
http://javascriptbank.com/javascript/image/Dynamic_PHP_Picture_Viewer/getpics.txt