✔ Rotate Pic mit href

D

davidw

Grünschnabel
Hallo,

vielleicht kann mir jemand helfen.

Ist es möglich, dass bei der unten stehenden Funktion die ausgetauschten Bilder auch einen entsprechenden href haben? Also das jedes ausgetauschte Bild auch angeklickt werden kann?

Kenne mich mit JS leider nicht sehr gut aus.

Code: 
     function RotatePic(photo) {
      // name des bildes was getauscht werden soll im html-code (img-tag-name)
      var BildTDTagID = "photo";     
    
      // hier stehen alle pfade der bilder drinnen
      var Bilder = new Array(         
         "img/photos/bild_01.jpg",
	 "img/photos/bild_02.jpg",
	 "img/photos/bild_03.jpg",
	 "img/photos/bild_04.jpg",
	 "img/photos/bild_05.jpg"
      );
		 
      // random zahl ermitteln
      RandBild = Math.round(Math.random()*Bilder.length);
      if( Bilder.length == RandBild ) RandBild = 0;
      rb = Bilder[RandBild];
      
      if (document.images) {
         document.images[BildTDTagID].src=rb;
      } 
	  

   	}
 
Ja es ist möglich.

1. Du machst ein Array mit der der URL zu den einzelnen Bildern.

Javascript: 
var Link = new Array();

Link[0] = "LinkBild1";
Link[1] = "LinkBild2";
Link[2] = "LinkBild3";

2. Du gibst dem der Verknüpfung eine ID

HTML: 
<a id="referenz" href="">

3. Du baust in deine Funktion die Änderung ein

Javascript: 
linkURL = Link[RandBild];
document.getElementById("referenz").href = linkURL ;

Du solltest das Array vieleicht aus der Funktion herausnehmen, da es sonst jedesmal wenn die Funktion aufgerufen wird, neu deklariert wird.

Der gesamte Code könnte in etwa so aussehen

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html>

  <head>

   <title></title>

   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

   <script language="JavaScript">
    <!--
     var Bilder = new Array();

     Bilder[0] = "bild1.jpg";
     Bilder[1] = "bild2.jpg";
     Bilder[2] = "bild3.jpg";

     var Link = new Array();

     Link[0] = "LinkBild1";
     Link[1] = "LinkBild2";
     Link[2] = "LinkBild3";

      function change() {

                   RandBild = Math.round(Math.random()*Bilder.length);
                   bildpfad = Bilder[RandBild];
                   document.images[0].src = bildpfad
                   linkURL = Link[RandBild];
                   document.getElementById("referenz").href = linkURL;
      }
    //-->
   </script>

  <body>

   <a id="referenz" href=""><img src="" width="100" height="66" border="0" alt=""></a>

  </body>

 </html>

Ich habe einen bestehenden Code von mir erweitert, du musst ihn an deine Bedürfnisse anpassen. Hoffe es hilft dir weiter ;)
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück