Bon me revoilou ,
voilà il y a sufisamment d'images pour que ton principe s'applique (" en gros si la derniere image est absente, c est elle qui compte, donc ça fou tou par terre, si jai capte ? ! ")
donc
le code genere est le suivant :::
<script type="text/javascript" src="http://www.alamandra-team-host.net/domaine/shortripv3/_common/js/mootools.js"></script>
<script type="text/javascript" src="http://www.alamandra-team-host.net/domaine/shortripv3/_common/js/imageMenu.js"></script>
<style>
#imageMenu { position: relative; width: 800px; height: 260px;
overflow: hidden;}
#imageMenu ul { list-style: none; margin: 0px; display: block;
height: 260px; width: 1000px; }
#imageMenu ul li { float: left;}
#imageMenu ul li a { text-indent: -1000px;
background: repeat scroll 0%;
border-right: 2px solid #fff; cursor:pointer;
display:block; overflow:hidden; width:100px; height: 200px;}
</style>
<div align="center" border="0" cellspacing="0" cellpadding="0">
<table width="1077" align="center" border="0"
style="background-url: ('http://www.alamandra-team-host.net/domaine/shortripv3/_common/images/bgmain.gif');" height="293" cellspacing="0" cellpadding="0">
<tr>
<td width="1077" height="293" align="center" border="0" colspan="4" background="http://www.alamandra-team-host.net/domaine/shortripv3/_common/images/MAINTABSRV5.gif">
<div align="center" border="0" cellspacing="0" cellpadding="0">
<div width="60" height="212" align="center" border="0"> </div>
<table border="0" width="830" height="212">
<tr>
<td height="206" width="860" rowspan="2" align="center" >
<div id="container">
<div id="example">
<div id="imageMenu" style="width: 860px; height: 200px">
<ul style="margin: 0px; display: block; height: 200px; width: 860px; list-style: none;">
<li><a href="http://www.alamandra-team-host.net/domaine/shortripv3/torrents-details.php?id=6"><li class="all" style="background: url('http://www.alamandra-team-host.net/domaine/shortripv3/uploads/images/60.jpg') repeat scroll 0%; overflow: hidden; position: relative; width:98px; height: 200px; text-indent: -1000px; border-right: 2px solid #fff; cursor:pointer; display: block;"></li></a></li><li><a href="http://www.alamandra-team-host.net/domaine/shortripv3/torrents-details.php?id=7"><li class="all" style="background: url('http://www.alamandra-team-host.net/domaine/shortripv3/uploads/images/70.jpg') repeat scroll 0%; overflow: hidden; position: relative; width:98px; height: 200px; text-indent: -1000px; border-right: 2px solid #fff; cursor:pointer; display: block;"></li></a></li><li><a href="http://www.alamandra-team-host.net/domaine/shortripv3/torrents-details.php?id=8"><li class="all" style="background: url('http://www.alamandra-team-host.net/domaine/shortripv3/uploads/images/80.jpg') repeat scroll 0%; overflow: hidden; position: relative; width:98px; height: 200px; text-indent: -1000px; border-right: 2px solid #fff; cursor:pointer; display: block;"></li></a></li><li><a href="http://www.alamandra-team-host.net/domaine/shortripv3/torrents-details.php?id=9"><li class="all" style="background: url('http://www.alamandra-team-host.net/domaine/shortripv3/uploads/images/90.jpg') repeat scroll 0%; overflow: hidden; position: relative; width:98px; height: 200px; text-indent: -1000px; border-right: 2px solid #fff; cursor:pointer; display: block;"></li></a></li><li><a href="http://www.alamandra-team-host.net/domaine/shortripv3/torrents-details.php?id=11"><li class="all" style="background: url('http://www.alamandra-team-host.net/domaine/shortripv3/uploads/images/110.jpg') repeat scroll 0%; overflow: hidden; position: relative; width:98px; height: 200px; text-indent: -1000px; border-right: 2px solid #fff; cursor:pointer; display: block;"></li></a></li><li><a href="http://www.alamandra-team-host.net/domaine/shortripv3/torrents-details.php?id=12"><li class="all" style="background: url('http://www.alamandra-team-host.net/domaine/shortripv3/uploads/images/120.jpg') repeat scroll 0%; overflow: hidden; position: relative; width:98px; height: 200px; text-indent: -1000px; border-right: 2px solid #fff; cursor:pointer; display: block;"></li></a></li><li><a href="http://www.alamandra-team-host.net/domaine/shortripv3/torrents-details.php?id=13"><li class="all" style="background: url('http://www.alamandra-team-host.net/domaine/shortripv3/uploads/images/130.gif') repeat scroll 0%; overflow: hidden; position: relative; width:98px; height: 200px; text-indent: -1000px; border-right: 2px solid #fff; cursor:pointer; display: block;"></li></a></li><li><a href="http://www.alamandra-team-host.net/domaine/shortripv3/torrents-details.php?id=14"><li class="all" style="background: url('http://www.alamandra-team-host.net/domaine/shortripv3/uploads/images/140.jpg') repeat scroll 0%; overflow: hidden; position: relative; width:98px; height: 200px; text-indent: -1000px; border-right: 2px solid #fff; cursor:pointer; display: block;"></li></a></li><li><a href="http://www.alamandra-team-host.net/domaine/shortripv3/torrents-details.php?id=15"><li class="all" style="background: url('http://www.alamandra-team-host.net/domaine/shortripv3/uploads/images/150.png') repeat scroll 0%; overflow: hidden; position: relative; width:98px; height: 200px; text-indent: -1000px; border-right: 2px solid #fff; cursor:pointer; display: block;"></li></a></li> </ul>
</div>
<script type="text/javascript">
window.addEvent('domready', function(){
var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2});
});
</script>
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</div>
et voici le code source correspondant :::
<?php
require_once("backend/functions.php");
dbconn();
$site_config['LEFTNAV'] = false;
$site_config['RIGHTNAV'] = false;
stdhead("");
begin_frame("");
?>
<script type="text/javascript" src="http://www.alamandra-team-host.net/domaine/shortripv3/_common/js/mootools.js"></script>
<script type="text/javascript" src="http://www.alamandra-team-host.net/domaine/shortripv3/_common/js/imageMenu.js"></script>
<style>
#imageMenu { position: relative; width: 800px; height: 260px;
overflow: hidden;}
#imageMenu ul { list-style: none; margin: 0px; display: block;
height: 260px; width: 1000px; }
#imageMenu ul li { float: left;}
#imageMenu ul li a { text-indent: -1000px;
background: repeat scroll 0%;
border-right: 2px solid #fff; cursor:pointer;
display:block; overflow:hidden; width:100px; height: 200px;}
</style>
<div align="center" border="0" cellspacing="0" cellpadding="0">
<table width="1077" align="center" border="0"
style="background-url: ('http://www.alamandra-team-host.net/domaine/shortripv3/_common/images/bgmain.gif');" height="293" cellspacing="0" cellpadding="0">
<tr>
<td width="1077" height="293" align="center" border="0" colspan="4" background="http://www.alamandra-team-host.net/domaine/shortripv3/_common/images/MAINTABSRV5.gif">
<div align="center" border="0" cellspacing="0" cellpadding="0">
<div width="60" height="212" align="center" border="0"> </div>
<table border="0" width="830" height="212">
<tr>
<td height="206" width="860" rowspan="2" align="center" >
<div id="container">
<div id="example">
<div id="imageMenu" style="width: 860px; height: 200px">
<ul style="margin: 0px; display: block; height: 200px; width: 860px; list-style: none;">
<?
$news = mysql_query("SELECT id, name, added, image1, image2 FROM torrents WHERE banned = 'no' AND visible='yes'");
if (mysql_num_rows($news) > 0) {
while ($row2 = mysql_fetch_array($news, MYSQL_NUM)) {
$tor = $row2['0'];
$altname = $row2['1'];
$date_time=get_date_time(time()-(3600*1280)); // the 24 is the hours you want listed change by whatever you want
$orderby = "ORDER BY torrents.id DESC"; //Order
$limit = "LIMIT 9"; //Limit<img src=\"http://www.alamandra-team-host.net/domaine/shortripv3/uploads/images/$row[image1]\" width=\"500\" height=\"200\">
$where = "WHERE banned = 'no' AND visible='yes' AND torrents.id='$tor'";
$res = mysql_query("SELECT torrents.id, torrents.image1, torrents.image2, torrents.added, categories.name AS cat_name FROM torrents LEFT JOIN categories ON torrents.category = categories.id $where AND torrents.added >='$date_time' $orderby $limit");
$row = mysql_fetch_array($res);
$cat = $row['cat_name'];
$img1 = "<a href='$site_config[SITEURL]/torrents-details.php?id=$row[id]'><img border='0' src='uploads/images/$row[image1]' alt=\"$altname / $cat\" width='500'></a>";
if ($row["image1"] != "") {
$imgslide = "<li><a href=\"$site_config[SITEURL]/torrents-details.php?id=$row[id]\"><li class=\"all\" style=\"background: url('http://www.alamandra-team-host.net/domaine/shortripv3/uploads/images/$row[image1]') repeat scroll 0%; overflow: hidden; position: relative; width:98px; height: 200px; text-indent: -1000px; border-right: 2px solid #fff; cursor:pointer; display: block;\"></li></a></li>";
print("". $imgslide ."");
}
}
}
?>
</ul>
</div>
<script type="text/javascript">
window.addEvent('domready', function(){
var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2});
});
</script>
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</div>
<?
end_frame();
stdfoot();
?>
OK,
je reconnais que l'essentiel du systeme me depasse, oups, ben ouais c sur
mais dans ce cas j'ai prefere tenter d'integrer TA façon de faire à LA mienne,
A CAUSE de l'integration a mon site et à son systeme de fonctionnement,
ses scripts je les connais par coeur et leur codage m'est trop familier, pour que carrement je code tout differemment,
de plus j'ai des conditions a respecter pour mes recherches en DB, ...
En plus mon theme de base etait bancal, et j'ai du retravaille pas mal de choses, ET il reste encore beaucoupa faire, des reactions bizarres sous Ie avec mes frames...
Est il possible de faire des slides à l'identique en virant ce systeme de <ul> et de <li> ?
Est il possible de m'espliquer ce que vient faire ce a dans l'histoire ? #image Menu ul li a [ background url ......
Pourquoi pas
#imageMenu ul......blablabla
#imageMenu li.......blablabla
#imageMenu li.background url.........
il m'a semble voir un systeme similaire avec que des DIV et des TD, je sais plus ou ....
ces <ul> et <li> se retrouvent aussi avec des jcarousel qui me saoule et que j'aimerai faire avec que des DIV et des TD
j'ai quand meme un jcarousel qui marche bien , enfin, mais il faut que je re ecrive le js corrspondant, la partie des h refs ....
Bon et puis j'ai re ecris une generation de miniature, qui devrait en meme temps que le up de une image, generer une miniature a des dimensions ideales pour etre affichees dans mon "bandeau d'image"....dire que à la base c'est un menu, ouffff ouffff ....
Enfin le code pour les "debutants bien dejantes",
C'est une aventure a chaque coin de div .... mais passionant
En tout cas, qu'elle que soient le sens des débats, prises de tete ou franche rigolade sur mes lacunes a mourir de rire, ( sisi, je sais ... )
je crois que on est en train de battre un record d'audience, zavez remarque ?
iarf, en terminant ce post, je me relis et je trouve , "encore" des incoherences du style ::: une <li> toute seule en debut de ligne + une <li class=\"all\"> alors que all est indefini .... tsss tssss ...........
Franchement si on arrive au bout, nickel
AVEC mon code, corrige pour que l'integration a mon site soit sans prise de tete,
je crois que ensuite je vais pouvoir realiser mes reves les plus fous ....
faudrait aussi que je suive des cours de javascript, au lieu de trancher dans le vif "au pif", lol
Allez, bonne semaine à tous et à toutes....a suivre.....:)
