img slidshow
HeyHar et problem med dette script. billede funktion som den er nu virker rigtig fint. Men vil gerne tilføje en funktion som automatiske køre billederne mod højre side. Og når man så holder musen over en af pilen køre den hurtiger mod den pågælende side. Ud over det vil jeg gerne have den til at loop sådan at der ikke kommer nogen pause uden billeder.
html/php kode:
<div id="sld1" style=" left:0; position:absolute; white-space:nowrap;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<?php
//Opretter news slidshow
$result_news = dbquery("select * from ".$_SESSION['sprog']."_events");
while ($row = dbarray($result_news)) {
$billede = $row['billede_1'];
$id = $row['id'];
?><td class="img_slidshow"><div id="slidshow_<?=$id;?>" class="slidshow_normal" onmouseover="this.className='slidshow_trans'; document.getElementById('slidshow_text_<?=$id;?>').className='slidshow_trans_text'" onmouseout="this.className='slidshow_normal'; document.getElementById('slidshow_text_<?=$id;?>').className='slidshow_normal_text'" onclick="lightbox('<?=$id;?>', '<?=$_SESSION['sprog'];?>');" ><img src="upload/events/<?=$billede;?>" style="height:91px; width:159px;" align="middle" alt="<?=$navn;?>" /></div></td><?php
}
?>
</tr>
<tr>
<?php $result_news = dbquery("select * from ".$_SESSION['sprog']."_events");
while ($row = dbarray($result_news)) {
$navn = $row['event_navn'];
$id = $row['id'];
?><td><div id="slidshow_text_<?=$id;?>" class="slidshow_normal_text" onmouseover="this.className='slidshow_trans_text'; document.getElementById('slidshow_<?=$id;?>').className='slidshow_trans'" onmouseout="this.className='slidshow_normal_text'; document.getElementById('slidshow_<?=$id;?>').className='slidshow_normal'" onclick="lightbox('<?=$id;?>', '<?=$_SESSION['sprog'];?>');" ><?=$navn;?></div></td><?php
} ?>
</tr>
</table>
</div>
java script:
/*Function til at start scroll af event billeder */
var Sld_1 = 0;
function start_scroll(a) {
if (a == 'left') {
scroll_left = window.setInterval('scrollSlides_right()', 1);
} else {
scroll_right = window.setInterval('scrollSlides_left()', 1);
}
}
/*Function som scroll mod venstre. Event billeder og beregner scroll længede. */
function scrollSlides_left() {
var sld1width = document.getElementsByTagName("div")["sld1"].offsetWidth - 870;
if(Sld_1 > -sld1width) {
Sld_1 = Sld_1 - sld1speed;
document.getElementById("sld1").style.left = Sld_1+"px";
}
}
/*Function som scroll mod højre. Event billeder og beregner scroll længede. */
function scrollSlides_right() {
if(Sld_1 < 0) {
Sld_1 = Sld_1 + sld1speed;
document.getElementById("sld1").style.left = Sld_1+"px";
}
}
