Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2010
    Messaggi
    1

    probblemi con i link!!!

    vi prego io ho messo 2 immagini che compaiono a random ad ogni caricamento si può fare in modo che queste due immagini diventino link per la stessa pagina?
    <script language="javascript" type="text/javascript">
    var img = new Array("../images/drago_rosso.jpg", "../images/drago_blu.jpg");
    var x = Math.floor(img.length * Math.random(2));
    document.write('<img src=\"'+ img[x] +'\" alt=\"Non disponibile\">');
    var img

    </script>
    diciamo che stavo cercando di
    io ho fatto cosi ma ovviamente non funziona come potrei fare?
    sul serio ho cercato d'appertutto ma niente da fare

  2. #2
    Tra i molti modi per farlo, puoi creare il nodo del link, il nodo dell'immagine, appendere l'immagine al link e il link a qualcosa (ad esempio ad un div, come faccio io).


    codice:
    <html>
    	<head>
    		<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.5.custom.css"/>			
    		<script src="scripts/jquery-1.4.2.min.js"></script>				
    		<script src="scripts/jquery-ui-1.8.5.custom.min.js"></script>				
    		<script>
    			function loadRndImg(){
    				var images = new Array("images/calendar.gif", "images/calendar2.gif");
    				var img = images[Math.floor(images.length*Math.random())];
    	
    				var imgContainer = document.getElementById("imgContainer");			
    				var linkElem = document.createElement("a");
    				var imgElem = document.createElement("img");
    
    				linkElem.setAttribute("href", "#");
    				imgElem.setAttribute("src", img);
    	
    				linkElem.appendChild(imgElem);
    				imgContainer.appendChild(linkElem);
    			}			
    		</script>
    	</head> 	
    	
    	<body onLoad="loadRndImg();">
    		<div id="imgContainer">			
    		</div>				
    	</body>
    	
    </html>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.