PHP_MYSQL ameliorer mon diaporama
Résolu/Fermé
A voir également:
- PHP_MYSQL ameliorer mon diaporama
- Faire un diaporama photo avec musique windows 10 - Guide
- Musique pour diaporama souvenir enfance ✓ - Forum Musique / Radio / Clip
- Sélectionnez une extension correspondant à un fichier de présentation (diaporama). - Forum Powerpoint
- Voici une présentation avec des animations. quand on lance le diaporama, quels fruits descendent du haut de l’écran ? ✓ - Forum LibreOffice / OpenOffice
- Extension de fichier powerpoint ✓ - Forum Powerpoint
2 réponses
Utilisateur anonyme
16 août 2011 à 09:42
16 août 2011 à 09:42
Bonjour,
Une solution est au lieu d'agrandir l'image lors d'un mouseover, est de l'afficher dans une div au dessus de la fenêtre avec une librairie comme overLib, sinon vous pouvez utiliser des librairies Jquery Slider comme ceci http://www.webinventif.fr/wp-content/uploads/projets/tooltip/02/
Une solution est au lieu d'agrandir l'image lors d'un mouseover, est de l'afficher dans une div au dessus de la fenêtre avec une librairie comme overLib, sinon vous pouvez utiliser des librairies Jquery Slider comme ceci http://www.webinventif.fr/wp-content/uploads/projets/tooltip/02/
16 août 2011 à 21:35
Un problème persiste; lorsque je vais sur le site, les photos se mettent bien en preview ce qui me convient. J'ai copié et adapté le code, et là ça ne marche plus (pas d'agrandissement autre que cliquer sur le lien pour avoir une page navigateur et cela ne me convient pas).
je te colle mon nouveau code
?php /* Date de création: 7/11/2011 */ ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Voyage dans les îles</title>
<meta name="description" content="Easiest jQuery Tooltip Ever">
<script src="jquery.js" type="text/javascript"></script>
<script src="main.js" type="text/javascript"></script>
</meta>
<style>
body {
margin:0;
padding:40px;
background:#fff;
font:80% Arial, Helvetica, sans-serif;
color:#555;
line-height:180%;
}
a{
text-decoration:none;
color:#f30;
}
p{
clear:both;
margin:0;
padding:.5em 0;
}
pre{
display:block;
font:100% "Courier New", Courier, monospace;
padding:10px;
border:1px solid #bae2f0;
background:#e3f4f9;
margin:.5em 0;
overflow:auto;
width:800px;
}
img{border:none;}
ul,li{
margin:0;
padding:0;
}
li{
list-style:none;
float:left;
display:inline;
margin-right:10px;
}
/* */
#preview{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}
/* */
</style>
</head>
</body>
</html>
<table align='center'><tr><td>
<ul>
<?php
$dir =$_POST['file'] ;
$survol= "onmouseover=(width='500') onmouseout=(width='200')";
$i=0;
if (is_dir ($dir))
{ // si c'est un repertoire on l'ouvre
$dh = opendir ($dir);
while (($file = readdir ($dh)) !== false )
{
if ($file !== '.' && $file !== '..'&&(substr_count($file, 'php')<1))
{
echo "<li><a href=".$dir."/".$file." class='preview'><img src=".$dir."/".$file." width='200' alt=".$dir."/></a></li>";
$i++;
if ($i==3)
{
echo "</ul><ul>";
$i=0;
}
}
}
}
if ($i>0){echo "</ul>";}///on ferme la derniere balise <tr>
?>
</td></tr>
<tr><td colspan='3'><form action='./dir2.php'>
<input align='middle' type='submit' value='RETOUR SELECTION DES DIAPORAMAS'>
</td></tr></table>
</body>
</html>
le $survol ne me sert plus.
Peux tu me dire pourquoi le survol onmouseover ne crée pas un affichage ?
merci
17 août 2011 à 08:13
contrairement à ta première version ici, et c'est $survol qui gère le changement de taille de ton image