vaste breedte kolom

  • Onderwerp starter Onderwerp starter noisz
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

noisz

Gebruiker
Lid geworden
2 apr 2011
Berichten
5
Dag allemaal,

Onderstaand staat een code waarin wij logo's van onze sponsoren willen laten zien. Alleen wil ik graag dat alle logo's hoe breed ook, binnen hetzelfde kader passen. Alks ik er nu namelijk een breed logo in zet dan wordt het hele kader zo breed als het logo. Kijk maar eens op http://www.noisz.com/disclaimer dan zie je wat ik bedoel. Het kader dient dus altijd hetzelfde te blijven omngeacht het de breedte van het logo.

Meteen een tweede vraagje: kan je de code ook zo aanpassen dat hij willekeurig met een logo begint en niet altijd met dezelfde volgorde?

Hopelijk kan iemand mij helpen?
Mvg. Ron

Onderstaand de huidige code:

<script type="text/javascript">
// Author: ricocheting.com
// Description: slideshow that allows visitors to flip through a series of images on your website

var x=0;

function rotate(num){
fs=document.ff.slide;
x=num%fs.length;
if(x<0) x=fs.length-1;
document.images.show.src=fs.options[x].value;
fs.selectedIndex=x;}

function auto() {
if(document.ff.fa.value == "Stop"){
rotate(++x);setTimeout("auto()", 3000);}}
window.onload=function(){document.ff.fa.value="Stop";auto();}</script>

<form name="ff">
<table cellpadding="3" style="border:1px black solid;border-collapse:collapse;background:#bb1d2e;"width=”200” height=”200”>
<tr><th align="center">De sponsoren van NOISZ</th></tr>

<tr><td align="center">
<img src="http://www.novosite.nl/editor/assets/noisz/logo kraantje.jpg" name="show">
</td></tr>

<tr><td align="center" style="border:1px black solid;">
<select name="slide" onChange="rotate(this.selectedIndex);">
<option value="http://www.novosite.nl/editor/assets/noisz/logo kraantje.jpg">Café restaurant ‘t Kraantje</option>
<option value="http://www.novosite.nl/editor/assets/noisz/DA2.jpg">DA drogisterij Kiers</option>
<option value="http://www.novosite.nl/editor/assets/noisz/logo jJchthaven Kranerweerd2.jpg">Jachthaven Kranerweerd</option>
</select>
</td></tr>

<tr><td align="center" style="border:1px black solid;">
<input type="button" onclick="rotate(0);" value="ll&lt;&lt;" title="Jump to beginning" />
<input type="button" onclick="rotate(x-1);" value="&lt;&lt;" title="Last Picture" />
<input type="button" name="fa" onClick="this.value=((this.value=='Stop')?'Start':'Stop');auto();" value="Start" title="Autoplay" style="width:75px;" />
<input type="button" onclick="rotate(x+1);" value="&gt;&gt;" title="Next Picture" />
<input type="button" onclick="rotate(this.form.slide.length-1);" value="&gt;&gt;ll" title="Jump to end" />
</td></tr></table></form>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan