voila j'ai téléchargé un slider (carrousel si je ne me trompe pas).
de ce site
http://www.scriptiny.com/2008/12/javascript-slideshow/
néanmoins, j'essaye de copier/coller le texte afin de l'intégré dans ma page
(sachant que je fais un Template pour un cms, qui est dépourvu de slider)
cela m'affiche ça http://hpics.li/19cb161
alors les directions des fichiers (ex: les images etc ..) ont bien été modifié.
Je pense qu'il y a un soucis entre mon fichier php et le code.
Je l'ai mis juste en dessous de <--- CARROUSEL--->
voici mon fichier theme.php :
<?php
/*
-----------------------
| TEMPLATE GRAPHIQUE |
| |
| |
| |
-----------------------
*/
function theme_header() {
global $config,$db,$mods;
global $strTournois,$strForum,$strInscriptions,$strAccueil,$strContact;
?>
<!----CAROUSSEL--->
<ul id="slideshow">
<li>
<h3>TinySlideshow v1</h3>
<span>photos/orange-fish.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="thumbnails/orange-fish-thumb.jpg" alt="Orange Fish" /></a>
</li>
<li>
<h3>Sea Turtle</h3>
<span>photos/sea-turtle.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<img src="thumbnails/sea-turtle-thumb.jpg" alt="Sea Turtle" />
</li>
<li>
<h3>Red Coral</h3>
<span>photos/red-coral.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="thumbnails/red-coral-thumb.jpg" alt="Red Coral" /></a>
</li>
<li>
<h3>Coral Reef</h3>
<span>photos/coral-reef.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="thumbnails/coral-reef-thumb.jpg" alt="Coral Reef" /></a>
</li>
<li>
<h3>Blue Fish</h3>
<span>photos/blue-fish.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<img src="thumbnails/blue-fish-thumb.jpg" alt="Blue Fish" />
</li>
<li>
<h3>TinySlideshow v.2</h3>
<span>photos/yellow-fish.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="thumbnails/yellow-fish-thumb.jpg" alt="Yellow Fish" /></a>
</li>
<li>
<h3>Squid</h3>
<span>photos/squid.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="thumbnails/squid-thumb.jpg" alt="Squid" /></a>
</li>
<li>
<h3>Small Fish</h3>
<span>photos/small-fish.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="thumbnails/small-fish-thumb.jpg" alt="Small Fish" /></a>
</li>
</ul>
<div id="wrapper">
<div id="fullsize">
<div id="imgprev" class="imgnav" title="Previous Image"></div>
<div id="imglink"></div>
<div id="imgnext" class="imgnav" title="Next Image"></div>
<div id="image"></div>
<div id="information">
<h3></h3>
<p></p>
</div>
</div>
<div id="thumbnails">
<div id="slideleft" title="Slide Left"></div>
<div id="slidearea">
<div id="slider"></div>
</div>
<div id="slideright" title="Slide Right"></div>
</div>
</div>
<script type="text/javascript" src="compressed.js"></script>
<script type="text/javascript">
$('slideshow').style.display='none';
$('wrapper').style.display='block';
var slideshow=new TINY.slideshow("slideshow");
window.onload=function(){
slideshow.auto=true;
slideshow.speed=5;
slideshow.link="linkhover";
slideshow.info="information";
slideshow.thumbs="slider";
slideshow.left="slideleft";
slideshow.right="slideright";
slideshow.scrollSpeed=4;
slideshow.spacing=5;
slideshow.active="#fff";
slideshow.init("slideshow","image","imgprev","imgnext","imglink");
}
</script>
<!-- Header [start] ------------------------------------------------>
<center>
<img src="images/story-7px.gif" width="7" height="20"><br>
<div id="menu"
<a class="ecmsmenu_1 ecmsmenuid_13" href="index.php"></a>
<a class="menu" href="index.php" title="Index">ACCUEIL</a>
<a class="menu" href="?page=equipes&op=inscription" title="Index">INSCRIPTION</a>
<a class="menu" href="?page=forum" title="Index">FORUM</a>
<a class="menu" href="?page=tournois" title="Index">TOURNOIS</a>
<a class="menu" href="?page=contact" title="Index">STAFF</a>
<a class="menu" href="?page=contact" title="Index">CONTACT</a>
</td>
<td align="center" valign="top" width="20%">
<a href="http://www.facebook.com/" target="_blank"><img src="themes\\images\facebook.png" height="40" border="0" align="absmiddle" alt="BFT"></a>
</td>
</div>
</td>
<td align="center" valign="middle">
<table cellspacing="2" cellpadding="2" border="0">
<tr><td><a href="?<?php echo $_SERVER['QUERY_STRING'];?>&lang=francais"><img src="images/flags/FR.gif" border="0" align="absmiddle"></a><a href="?<?php echo $_SERVER['QUERY_STRING'];?>&lang=english"><img src="images/flags/UK.gif" border="0" align="absmiddle"></a></td></tr>
<tr><td> </td></tr>
</table>
</td>
<!-- BLOCK SOUS MENU -->
<td width="100%" valign="top">
<fieldset>
<p class="tcat" align="center">VIDEO DU MOMENT</p>
<iframe width="360" height="230" src="//www.youtube.com/embed/a7tIEMat66U" frameborder="0" allowfullscreen></iframe>
</fieldset>
<!------FIN------------>
<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="transparent">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" class="back">
<!-- Header [end] -------------------------------------------------->
<table width="100%" border="0" cellpadding="1" cellspacing="8" >
<tr>
<?php
theme_menu_left();
theme_opencenter();
}
function theme_footer() {
global $config,$strVisites;
theme_closecenter();
theme_menu_right();
?>
</tr>
</table>
<!-- Footer [start] ------------------------------------------------>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- <td width="7"><img src="themes/BFT/images/story-BL2.gif" width="7" height="30" alt=""></td>
<td height="30" background="themes/BFT/images/story-B2.gif">
<table width="100%" border="0" align="center" cellpadding="2" cellspacing="0"> -->
<tr>
<td width="100%">
<div class="poweredby" align="center">
Thème créé et édité par Viper - ; ;<?php echo $config['version'];?> - <?php affiche_compteur($compteur['visites']);?> <?php echo $strVisites;?> -
</div>
</td>
<td>
<!-- <a href="include/html/panic.html"><img src="images/tux.gif" align="middle" alt='PANIC !!khéhéhééhé!!!' border="0"></a> -->
</td>
</tr>
</table>
</td>
<!-- <td width="7"><img src="themes/BFT/images/story-BR2.gif" width="7" height="30"></td> -->
</tr>
</table>
</td>
</tr>
</table>
<br>
</center>
<!-- Footer [end] ------------------------------------------------>
<?php
}
function theme_header_win() {
?>
<!-- Header [start] ---------------------------------------------->
<center>
<img src="images/story-7px.gif" width="7" height="7" alt=""><br>
<table width="99%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td>
<table width="100%" height="12" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7"><img src="themes//images/story-TL.gif" width="7" height="12" align="middle" alt=""></td>
<td background="themes/BFT/images/story-T.gif"><img src="images/story-7px.gif" width="7" height="7" alt=""></td>
<td width="7"><img src="themes//images/story-TR.gif" width="7" height="12" align="middle" alt=""></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#757575">
<tr>
<td bgcolor="#ffffff">
<table width="100%" border="0" cellspacing="0" cellpadding="4">
<tr>
<td align="center">
<!-- Header [end] -------------------------------------------------->
<?php
}
function theme_footer_win() {
?>
<!-- Footer [Start] -----------------------------------------------
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="7"><img src="themes/BFT/images/story-BL.gif" width="7" height="12" align="middle" alt=""></td>
<td background="themes/BFT/images/story-B.gif"><img src="images/story-7px.gif" width="7" height="7" alt=""></td>
<td width="7"><img src="themes/BFT/images/story-BR.gif" width="7" height="12" align="middle" alt=""></td>
</tr>
</table>
</td>
</tr>
</table>
<br>
</center>
<!-- Footer [end] ------------------------------------------------>
<?php
}
function theme_menu_left()
{
global $mods;
echo "<!-- Menu Gauche[start] -------------------------------------------------->\n";
echo '<td valign="top" align="center">';
echo '<div id="menudiv">';
echo '<table cellpadding="0" cellspacing="0" width="140" border="0"><tr><td valign="top">';
include("include/blocks/block_menu.php");
//$show_tournois_status='';include("include/blocks/block_tournois.php")
$show_tournois_status='E';include("include/blocks/block_tournois.php");
$show_tournois_status='T';include("include/blocks/block_tournois.php");
include("include/blocks/block_stats.php");
//include("include/blocks/block_en_ligne.php");
include("include/blocks/block_donation.php");
if($config['shoutbox']){include("include/blocks/block_shoutbox.php");}
// module TOP 10 à repositionné au besoin ;)
if($mods['topdl']){include("include/blocks/block_dl10.php");}
if($mods['topplayer']){include("include/blocks/block_10player.php");}
//if($config['sondage'])
//include("include/blocks/block_sondage.php");
global $config,$db,$dbprefix,$s_membre;
if ($config['phpt_type'] != 'lan'){
$sql = "SELECT * FROM ${dbprefix}menu WHERE titre!='' AND align='G' ORDER BY orde";
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
while($data = mysql_fetch_array($req))
{
$titre=$data['titre'];
theme_openblock("$titre");
$sql2 = "SELECT * FROM ${dbprefix}page WHERE lien!='' AND nmenu='$titre' ORDER BY orde";
$req2 = mysql_query($sql2) or die('Erreur SQL !<br>'.$sql2.'<br>'.mysql_error());
while($data2 = mysql_fetch_array($req2))
{
$rubrique=$data2['rubrique'];
$lien=$data2['lien'];
$npage=$data2['npage'];
$id=$data2['id'];
echo "<li class=\"lib\"><a href=\"?page=page&op=see&rubrique=$rubrique&npage=$npage&id=$id\">$lien</a><br>";
}
theme_closeblock();
}
}
echo '</td></tr></table>';
echo '</div>';
echo "<!-- Menu Gauche [end] ---------------------------------------------------->\n";
echo '</td>';
}
function theme_menu_right()
{
global $mods;
echo "<!-- Menu Droit[start] -------------------------------------------------->\n";
echo '<td valign="top" align="center">';
echo '<div id="menudiv_d">';
echo '<table cellpadding="0" cellspacing="0" width="140" border="0"><tr><td valign="top">';
include("include/blocks/block_joueur.php");
include("include/blocks/block_admin_tournois.php");
//include("include/blocks/block_admin.php");
// module des 10 dernière news à placer ou vous voulez ^^
if($mods['lastnews']==1){include("include/blocks/block_10news.php");}
include("include/blocks/block_partenaires.php");
include("include/blocks/block_sponsors.php");
global $config,$db,$dbprefix,$s_membre;
if ($config['phpt_type'] != 'lan'){
$sql = "SELECT * FROM ${dbprefix}menu WHERE titre!='' AND align='D' ORDER BY orde";
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
while($data = mysql_fetch_array($req))
{
$titre=$data['titre'];
theme_openblock("$titre");
$sql2 = "SELECT * FROM ${dbprefix}page WHERE lien!='' AND nmenu='$titre' ORDER BY orde";
$req2 = mysql_query($sql2) or die('Erreur SQL !<br>'.$sql2.'<br>'.mysql_error());
while($data2 = mysql_fetch_array($req2))
{
$rubrique=$data2['rubrique'];
$lien=$data2['lien'];
$npage=$data2['npage'];
$id=$data2['id'];
echo "<li class=\"lib\"><a href=\"?page=page&op=see&rubrique=$rubrique&npage=$npage&id=$id\">$lien</a><br>";
}
theme_closeblock();
}
}
echo '</td></tr></table>';
echo '</div>';
echo "<!-- Menu Droit [end] ---------------------------------------------------->\n";
echo '</td>';
}
function theme_opencenter()
{
global $s_joueur,$strAutorefresh,$strAutoscroll,$mods,$strHidemenu;
echo '<td align="center" width="100%" valign="top" class="back">';
echo '<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>';
if($mods['lastresult'] == 1) {
echo '<table border="0" cellpadding="0" cellspacing="0" width="100%">';
echo '<tr><td >';
include("include/blocks/block_lastresult.php");
if($mods['lastnews_header'] != 1) {
echo '</td></tr></table>';
} else {
echo '</td>';
}
}
if($mods['lastnews_header'] == 1) {
if($mods['lastresult'] != 1) {
echo '<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>';
} else {
echo '<td>';
}
include("include/blocks/block_10news_header.php");
echo '</td></tr></table>';
}
echo '</td></tr></table>';
echo '<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>';
echo '
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td><img alt="" src="themes/BFT/images/centrehautcornergauche.gif" border="0"></td>
<td width="100%" background="themes/BFT/images/centrehaut.gif"><img height="1" alt="" src="images/spacer.gif" width="1" border="0"></td>
<td align="right"><img alt="" src="themes/BFT/images/centrehautcornerdroit.gif" border="0"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" align="center" class="center">';
/** pc retroproj **/
if($s_joueur == -1) {
echo '<table border=0 cellpadding="0" cellspacing="0" class="bordure2"><tr><td>';
echo "<table cellspacing=1 cellpadding=0 border=0 align=center><tr><td>";
echo '<table cellpadding="2" cellspacing="0" border="0"><tr>';
echo "<td class=\"text\">$strAutorefresh <span id=\"time_value\" style=\"color: #CCCCCC\"></span> : </td><td class=\"text\"><a href=\"javascript: swap_timer()\"><div id=\"timer_status\" style=\"color: #CCCCCC\">Off</div></a></td>";
echo "<td class=\"text\">$strAutoscroll : </td><td class=\"text\"><a href=\"javascript: swap_scroll()\"><div id=\"scroll_status\" style=\"color: #CCCCCC\">Off</div></a></td>";
echo "<td class=\"text\">$strHidemenu : </td><td class=\"text\"><a href=\"javascript: swap_menu()\"><div id=\"menu_status\" style=\"color: #CCCCCC\">Off</div></a></td>";
echo '</tr></table>';
echo '</td></tr></table>';
echo '</td></tr></table>';
}
}
function theme_closecenter()
{
global $config;
echo '<br>
</td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td><img alt="" src="themes/BFT/images/centrebascornergauche.gif" border="0"></td>
<td width="100%" background="themes/BFT/images/centrebas.gif"><img height="1" alt="" src="images/spacer.gif" width="1" border="0"></td>
<td align="right"><img alt="" src="themes/BFT/images/centrebascornerdroit.gif" border="0"></td>
</tr>
</table>';
if($config['enligne'] == 1) {include("include/blocks/block_en_ligne.php");}
echo '</td>
</tr>
</table>';
echo '</td>';
}
function theme_openblock($titre)
{
?>
<!-- Block [start] ---------------------------------------------- -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="menu">
<tr>
<td>
<table background="themes/BFT/images/menucenterback.gif" height="1" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="1" width="11" valign="top"><img src="themes/BFT/images/menucornergauche.gif" border="0" alt=""></td>
<td height="1" class="headermenu" background="themes/BFT/images/menucenter.gif"><?php echo $titre;?></td>
<td height="1" width="11" valign="top"><p align="right"><img src="themes/BFT/images/menucornerdroit.gif" border="0" alt=""></p></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="3" border="1" class="borduremenu">
<tr>
<td width="100%" class="textmenu">
<?php
}
function theme_closeblock()
{
?>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td><img alt="" src="themes/BFT/images/menubascornergauche.gif" border="0"></td>
<td width="100%" background="themes/BFT/images/menubas.gif"><img height="1" alt="" src="images/spacer.gif" width="1" border="0"></td>
<td align="right"><img alt="" src="themes/BFT/images/menubascornerdroit.gif" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>
<img src="images/story-7px.gif" width="7" height="7" alt=""><br>
<?php
}
function theme_openblock_droite($titre)
{
?>
<!-- Block [start] ---------------------------------------------- -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="menu">
<tr>
<td>
<table background="themes/BFT/images/menucenterback.gif" height="1" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="1" width="11" valign="top"><img src="themes/BFT/images/menucornergauche.gif" border="0" alt=""></td>
<td height="1" class="headermenu" background="themes/BFT/images/menucenter.gif"><?php echo $titre;?></td>
<td height="1" width="11" valign="top"><p align="right"><img src="themes/BFT/images/menucornerdroit.gif" border="0" alt=""></p></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="3" border="1" class="borduremenu">
<tr>
<td width="100%" class="textmenu">
<?php
}
function theme_closeblock_droite()
{
?>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td><img alt="" src="themes/BFT/images/menubascornergauche.gif" border="0"></td>
<td width="100%" background="themes/BFT/images/menubas.gif"><img height="1" alt="" src="images/spacer.gif" width="1" border="0"></td>
<td align="right"><img alt="" src="themes/BFT/images/menubascornerdroit.gif" border="0"></td>
</tr>
</table>
</td>
</tr>
</table>
<img src="images/story-7px.gif" width="7" height="7" alt=""><br>
<?php
}
function theme_openblock_enligne()
{
?>
<table width="100%" cellspacing="0" cellpadding="3" align="center" border="1" class="borduremenu">
<tr>
<td width="100%" class="textmenu" align="center">
<?php
}
function theme_closeblock_enligne($titre)
{
?>
</td>
</tr>
</table>
<tr>
<td>
<table background="themes/BFT/images/menucenterback.gif" align="center" height="1" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="1" width="" valign="top"><img src="themes/BFT/images/menucornerdroit2.gif" border="0" alt="" bgcolor=navy></td>
<td height="1" width="100%" class="headermenu" background="themes/BFT/images/menucenter2.gif" align="center"><?php echo $titre;?></td>
<td height="1" width="11" valign="top"><p align="right"><img src="themes/BFT/images/menucornergauche2.gif" border="0" alt=""></p></td>
</tr>
</td>
</tr>
</table>
<?php
}
function theme_openblock_lastresult($titre)
{
?>
<!-- Block [start] ------------------------------------------------>
<table background="themes/BFT/images/menucenterback.gif" align="center" height="1" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="1" width="11" valign="top"><img src="themes/BFT/images/menucornergauche.gif" border="0" alt="" bgcolor=navy></td>
<td height="1" class="headermenu" background="themes/BFT/images/menucenter.gif" align="center"><?php echo $titre;?></td>
<td height="1" width="11" valign="top"><p align="right"><img src="themes/BFT/images/menucornerdroit.gif" border="0" alt=""></p></td>
</tr>
</table>
<table width="100%" cellspacing="0" cellpadding="3" align="center" border="1" class="borduremenu">
<tr>
<td width="100%" class="textmenu" align="center">
<?php
}
function theme_closeblock_lastresult()
{
?>
</td>
</tr>
</table>
<?php
}