Image défilante en JavaScript + PHP avec largeur et hauteur dynamique

Marsh Posté le 17-09-2009 à 10:48:07

Bonjour à tous,
Voilà j'ai récupérer le script ci-contre : http://www.editeurjavascript.com/s [...] _1_55.php.
J'ai modifié celui-ci pour faire une boucle dans le script en PHP afin de récuperer dans une base SQL les images que je souhaite afficher en alternance avec animation...

Ma demande : Je souhaite pouvoir récupérer pour chaque image les paramètres suivant (largeur et hauteur) afin de redimensionner chaque image avant affichage dans le cadre... devant etre compris entre W=485 et H=280 MAX !

Script PHP :

Code :

list($width, $height, $type, $attr) = getimagesize("$images" );
if ($width > 485) { $height = round(485 * $height / $width); $width = 485; }
if ($height > 280) { $width = round(280 * $width / $height); $height = 280; }

Le script marche bien mais il ne récupère les valeurs que pour la première image et du coup les autres images ont la meme dimensions ... calculées pour la première ...

Boute de code du script JavaScript :

Code :

if (document.images)
{
<?php
$query = "SELECT * FROM image WHERE tagged=1";
$result = mysql_query($query);
$i=0;
while ($item = mysql_fetch_array($result))
{
$images = $item['fichier'];
echo "i".$i." = new Image;";
echo "i".$i.".src = 'images/web/".$images."';";
echo "SiClickGoTo[".$i."] = \"#\";";
echo "imgPath[".$i."] = i".$i.".src;";
<?
list($width, $height, $type, $attr) = getimagesize("images/web/$images" );
if ($width > 485) { $height = round(485 * $height / $width); $width = 485; }
if ($height > 280) { $width = round(280 * $width / $height); $height = 280; }
echo "width = $width";
echo "height = $height";
?>
$i++;
}
?>
}
a = 0;
[...]
function StartAnim()
{
if (document.images)
{
document.write('<? echo "$width et $height"; ?><div class=RollOver><IMG HEIGHT=<? echo $height; ?> WIDTH=<? echo $width; ?> SRC="images/web/docpix000002.jpg" BORDER=0 ALT=Menu NAME=defil style="filter:progid:DXImageTransform.Microsoft.Fade(MaxSquare=100,Duration=1)"></div>');
defilimg()
}
else
{
document.write('<div class=RollOver><IMG HEIGHT=<? echo $height; ?> WIDTH=<? echo $width; ?> SRC="images/web/docpix000003.jpg" BORDER=0></div>')
}
}

Si qq'un à une idée donc pour avoir la possiblité de créer un script me permetant d'afficher en fondu avec délai de x sec des images tirés d'une base SQL en recalculant les dimensions de manière dynamique !

Merci par avance !

Reply

Marsh Posté le 17-09-2009 à 10:48:07

Reply

Marsh Posté le 21-09-2009 à 10:22:57

Personne n'a une idée? Merci d'avance

Reply

Image défilante en JavaScript + PHP avec largeur et hauteur dynamique

Sujets relatifs:

Leave a Replay