»
AnglaisFrançaisVietnamien

Imprimer - PHP dynamiques Picture Viewer - JavaScriptBank.com

Version complète: jsB@nk » Image » Visualiseur d'images » PHP dynamiques Picture Viewer
URL: https://www.javascriptbank.com/dynamic-php-picture-viewer-index.html

PHP dynamiques Picture Viewer © JavaScriptBank.comCe script PHP combine avec JavaScript pour vous permettre de facilement afficher toutes les photos dans un répertoire sans avoir à entrer leurs noms de fichiers dans le script! Un fichier PHP externe prend en charge tout le travail manuel, par la récupération de la liste des images dans le répertoire et de la transmettre sur le spectateur script. Même le menu de sélection permet de choisir l'image à afficher est générée automatiquement. Et le dernier mais non le moindre, dans IE et Firefox, un effet fondu est appliquée chaque fois qu'une image est affichée. Spiffy! Pour utiliser ce script, le serveur a tout simplement à l'appui de PHP, ce script PHP notices un fichier pour obtenir les images du répertoire contenant. La page qui affiche les photos lui-même ne doit pas être une page PHP.

Version complète: jsB@nk » Image » Visualiseur d'images » PHP dynamiques Picture Viewer
URL: https://www.javascriptbank.com/dynamic-php-picture-viewer-index.html



CSS
<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-->


JavaScript
<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-->


HTML
<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-->


Files
http://javascriptbank.com/javascript/image/Dynamic_PHP_Picture_Viewer/getpics.txt