Bonjour à tous,
j'ai voulu réutiliser ce script
http://dev.victorstanciu.ro/experimente ... /#examples pour afficher les logos contenus dans ma base sql mais rien ne fonctionne comme je le souhaite...
En fait les logos s'affichent bien mais sont tous supperposés au lieu d'être en carrousel comme sur l'exemple...
Est-ce à cause de ma jointure sql???
Si quelqu'un a une idée...?
Merci par avance.
Voici le script que j'ai modifié...
<link rel="stylesheet" type="text/css" href="js/logos_home/showcase.css" />
<script type="text/javascript" src="js/logos_home/prototype.js"></script>
<script type="text/javascript" src="js/logos_home/effects.js"></script>
<script type="text/javascript" src="js/logos_home/showcase.js"></script>
<?php
$conn = db_connect();
$sql = "SELECT logo, site_internet ,nom_entreprise
FROM fournisseurs_entreprises_coordonnees
LEFT JOIN fournisseurs_entreprises_dossiers ON fournisseurs_entreprises_dossiers.num_client=fournisseurs_entreprises_coordonnees.num_client
WHERE logo IS NOT NULL
ORDER BY logo DESC
LIMIT 10";
$result = mysql_query($sql, $conn);
?>
<body>
<div class="showcase" id="horizontal">
<a href="#previous" class="controls previous" rel="previous">–</a>
<a href="#next" class="controls next" rel="next">+</a>
<ul>
<?php while ($dossier = mysql_fetch_array($result)) { ?>
<li><a href="<?php echo htmlentities($dossier[site_internet]); ?>" title="<?php echo htmlentities($dossier[nom_entreprise]); ?>"><img src="<?php echo $dossier[logo]; ?>" alt="Logo" title="<?php echo htmlentities($dossier[site_internet]); ?>"/></a></li>
<?php } ?>
</ul>
</div>
<script type="text/javascript">
document.observe('dom:loaded', function () {
new Showcase.Horizontal($$('#horizontal ul li'), $$('#horizontal a.controls'), {duration: 0.3});
});
</script>
</body>
Et ça c'est le script de base :
<!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>
<title>Prototype extension: Showcase | Horizontal example</title>
<link rel="stylesheet" type="text/css" href="showcase.css" />
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="effects.js"></script>
<script type="text/javascript" src="showcase.js"></script>
</head>
<body>
<div class="showcase" id="horizontal">
<a href="#previous" class="controls previous" rel="previous">–</a>
<a href="#next" class="controls next" rel="next">+</a>
<ul>
<li><a href="#" title="Slide 1"><img src="images/1.jpg" alt="1" /></a></li>
<li><a href="#" title="Slide 2"><img src="images/2.jpg" alt="2" /></a></li>
<li><a href="#" title="Slide 3"><img src="images/3.jpg" alt="3" /></a></li>
<li><a href="#" title="Slide 4"><img src="images/4.jpg" alt="4" /></a></li>
<li><a href="#" title="Slide 5"><img src="images/5.jpg" alt="5" /></a></li>
<li><a href="#" title="Slide 6"><img src="images/6.jpg" alt="6" /></a></li>
<li><a href="#" title="Slide 7"><img src="images/7.jpg" alt="7" /></a></li>
</ul>
</div>
<script type="text/javascript">
document.observe('dom:loaded', function () {
new Showcase.Horizontal($$('#horizontal ul li'), $$('#horizontal a.controls'), {duration: 0.3});
});
</script>
</body>
</html>
Bonjour à tous,
j'ai voulu réutiliser ce script http://dev.victorstanciu.ro/experimente/prototype-showcase/#examples pour afficher les logos contenus dans ma base sql mais rien ne fonctionne comme je le souhaite...
En fait les logos s'affichent bien mais sont tous supperposés au lieu d'être en carrousel comme sur l'exemple...
Est-ce à cause de ma jointure sql???
Si quelqu'un a une idée...?
Merci par avance.
[b]Voici le script que j'ai modifié...[/b]
[php]<link rel="stylesheet" type="text/css" href="js/logos_home/showcase.css" />
<script type="text/javascript" src="js/logos_home/prototype.js"></script>
<script type="text/javascript" src="js/logos_home/effects.js"></script>
<script type="text/javascript" src="js/logos_home/showcase.js"></script>
<?php
$conn = db_connect();
$sql = "SELECT logo, site_internet ,nom_entreprise
FROM fournisseurs_entreprises_coordonnees
LEFT JOIN fournisseurs_entreprises_dossiers ON fournisseurs_entreprises_dossiers.num_client=fournisseurs_entreprises_coordonnees.num_client
WHERE logo IS NOT NULL
ORDER BY logo DESC
LIMIT 10";
$result = mysql_query($sql, $conn);
?>
<body>
<div class="showcase" id="horizontal">
<a href="#previous" class="controls previous" rel="previous">–</a>
<a href="#next" class="controls next" rel="next">+</a>
<ul>
<?php while ($dossier = mysql_fetch_array($result)) { ?>
<li><a href="<?php echo htmlentities($dossier[site_internet]); ?>" title="<?php echo htmlentities($dossier[nom_entreprise]); ?>"><img src="<?php echo $dossier[logo]; ?>" alt="Logo" title="<?php echo htmlentities($dossier[site_internet]); ?>"/></a></li>
<?php } ?>
</ul>
</div>
<script type="text/javascript">
document.observe('dom:loaded', function () {
new Showcase.Horizontal($$('#horizontal ul li'), $$('#horizontal a.controls'), {duration: 0.3});
});
</script>
</body>
[/php]
[b]Et ça c'est le script de base :[/b]
[html]<!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>
<title>Prototype extension: Showcase | Horizontal example</title>
<link rel="stylesheet" type="text/css" href="showcase.css" />
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="effects.js"></script>
<script type="text/javascript" src="showcase.js"></script>
</head>
<body>
<div class="showcase" id="horizontal">
<a href="#previous" class="controls previous" rel="previous">–</a>
<a href="#next" class="controls next" rel="next">+</a>
<ul>
<li><a href="#" title="Slide 1"><img src="images/1.jpg" alt="1" /></a></li>
<li><a href="#" title="Slide 2"><img src="images/2.jpg" alt="2" /></a></li>
<li><a href="#" title="Slide 3"><img src="images/3.jpg" alt="3" /></a></li>
<li><a href="#" title="Slide 4"><img src="images/4.jpg" alt="4" /></a></li>
<li><a href="#" title="Slide 5"><img src="images/5.jpg" alt="5" /></a></li>
<li><a href="#" title="Slide 6"><img src="images/6.jpg" alt="6" /></a></li>
<li><a href="#" title="Slide 7"><img src="images/7.jpg" alt="7" /></a></li>
</ul>
</div>
<script type="text/javascript">
document.observe('dom:loaded', function () {
new Showcase.Horizontal($$('#horizontal ul li'), $$('#horizontal a.controls'), {duration: 0.3});
});
</script>
</body>
</html>
[/html]
