Random images med iframe

iframe, hvor kommer den ind i billedet ?-)

-- og skal det skifte random, når du klikker på et menu-link ?-)

Fordi min side er opbygget med en iframe... Og på index siden skal der var en random image funktion som skifter når bruger navigere rundt på siden, altså klikke på et menulink!

f.eks.

<script type="text/javascript">
var pics = new Array();
pics[pics.length] = "billede1.jpg";
pics[pics.length] = "billede2.jpg";
pics[pics.length] = "billede3.jpg";
pics[pics.length] = "billede4.jpg";
pics[pics.length] = "billede5.jpg";
pics[pics.length] = "billede6.jpg";
pics[pics.length] = "billede7.jpg";
pics[pics.length] = "billede8.jpg";
pics[pics.length] = "billede9.jpg";
pics[pics.length] = "billede10.jpg";
pics[pics.length] = "billede11.jpg";

function changeImg(){
  var pic = document.getElementById('showPic');
  var oldImg = pic.src;
  var num = Math.floor(Math.random()*pics.length);
  while(oldImg.indexOf(pics[num])>-1)
    num = Math.floor(Math.random()*pics.length);
  pic.src = pics[num];
}

-- og så i onclick på links:

onclick="changeImg()"

-- og billedet skal have et id:

<img id="showPic" ...

altså det billede som skal skiftes?

Nu har jeg det her på mine links:
<a href="txt_index.php" target="main" onclick="changeImg()">

Og det her på mit billede:
<a onclick="changeImg()"><img id="showPic" src="feat_gisli.gif"></a>

Men det virker ikke...

Kan du lægge et link til, hvordan du gør ?-)

Filen ligger her
http://www.dwankers.dk/main.rar

Nu giver det jo ikke lige mening at forsøge at klikke på noget, som allerede har en mouseover-funktion, som ikke er medtaget, så den laver fejl ...

-- og desuden kan jeg jo under ingen omstændigheder se om der ændres noget, når billederne ikke findes, så kan du ikke prøve at lægge det op, så det ellers fungerer ?-)

http://www.luciebaines.com/main.htm

Men du mangler jo stadig de funktioner, som der refereres til på siden, swapPic(), MM_swapImage('Image2','','images/main_04_b.gif',1) og MM_swapImgRestore() ...

-- og hedder dine billeder ikke f.eks. feat_gisli.gif ?-)

jo de gør... men altså jeg har ikke styr på det Java sjov... så kan du ikke hjælpe lidt?

var pics = new Array();
pics[pics.length] = "feat_gisli.gif";
pics[pics.length] = "feat_kresten.gif";
pics[pics.length] = "feat_thomas.gif";

-- og husk også at indsætte dine dreamweaver-funktioner, for ellers vil siden jo altid melde fejl (eller også fjerne henvisningerne til funktionerne !-)

det er jo det jeg har indsat i min kode... Og hvad er det jeg skal fjerne/indsætte for at få det til at virke... jeg skal have den roll-over fukntion med!

Så skal koden jo også være der, men funktionerne mangler, du må have klippet dem ud på et tidspunkt ...

Det her jeg den kode jeg forsøger med:
<a href="txt_index.php" target="main" onclick="changeImg()"><img src="images/main_04.gif" alt="" name="Image2" width="28" height="216" border="0" id="Image2" onMouseOver="MM_swapImage('Image2','','images/main_04_b.gif',1)" onMouseOut="MM_swapImgRestore()"></a>
Hvad er der galt?

Du skal have funktionerne i en javascript-blok, før du kan kalde dem, f.eks.

function MM_swapImage(imgName,imgLink,action){
//koden
}
function MM_swapImgRestore(){
//noget kode
}
function swapImage(){
//kode
}

Fuck det er sq da fordi jeg er kommet til at slette de funktioner da jeg skulle prøve med dette... Shiat, men altså det er derfor den laver fejl?

Så laver den i hvert fald fejl, og det kan skygge for andre funktioner !-)

Oki jeg forsøger lige at rette det til

Nu har jeg det her men det virker stadig ikke!
<script type="text/javascript">
<!--
var pics = new Array();
pics[pics.length] = "feat_gisli.gif";
pics[pics.length] = "feat_kresten.gif";
pics[pics.length] = "feat_thomas.gif";

function changeImg(){
  var pic = document.getElementById('showPic');
  var oldImg = pic.src;
  var num = Math.floor(Math.random()*pics.length);
  while(oldImg.indexOf(pics[num])>-1)
    num = Math.floor(Math.random()*pics.length);
  pic.src = pics[num];
}

function MM_preloadImages() { //v3.0



  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();



    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)



    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}



}







function MM_swapImgRestore() { //v3.0



  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;



}







function MM_findObj(n, d) { //v4.01



  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {



    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}



  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];



  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);



  if(!x && d.getElementById) x=d.getElementById(n); return x;



}







function MM_swapImage() { //v3.0



  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)



  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}



}



//-->



</script>

-- der er ikke lige hul igennem til siden/sitet ...

http://www.luciebaines.com/main.htm

Jeg kan se, at billedet skifter nogen gange, men selve billedet findes ikke ...

Argh, det er jo jpg-filer !-)

pics[pics.length] = "feat_gisli.jpg";
pics[pics.length] = "feat_kresten.jpg";
pics[pics.length] = "feat_thomas.jpg";

ja jeg har opdaget det... hehe dumme mig:0)! Men altså man skal klikke på selve billedet før det virker... hvorfor det?

Fjern den onload i body:

<body backgro...

-- og ret også start-billedet:

<img id="showPic" src="feat_gisli.jpg" onclick="changeImg();" style="cursor:pointer;"></td>

-- og jeg har fjernet det ret overflødige link rundt om billedet og gjort den direkte virksom !-)

-- og så er funktionen kun sat på news-linket endnu, så det skal jo så sættes på alle steder !-)

Så virker det sq... smide et svar... tak for hjælpen

-- og måske en lille nyttig tilføjelse:

function changeImg(){
  var pic = document.getElementById('showPic');
  var oldImg = pic.src;
  var num = Math.floor(Math.random()*pics.length);
  while(oldImg.indexOf(pics[num])>-1)
    num = Math.floor(Math.random()*pics.length);
  pic.src = pics[num];
  pic.title = pics[num].replace(/^feat_(\w+)\.jpg$/,"$1");
}

-- hvis billederne bliver ved med at hedde, som de gør nu ...

Velbekomme '-)

;O)

-- og tak for point ;~}

var så lidt...