Suche im Forum:
Suchen


Autor Nachricht
Beitrag27.07.2011 um 19:09 (UTC)    
Titel: [erledigt] Mehrere Bilder anzeigen bei Zufall

Ich habe einen Zufallsskript auf meine Seite eingefügt möchte jedoch nicht, dass immer nur ein Zufallsbild angezeigt wird sondern drei Bilder nebeneinander per Zufall. Hier der Code:
Code:
<br />
<div align="center">
<script language="JavaScript" type="text/javascript">
<!--
var image = new Array();
var link = new Array();

image[1] = 'http://www.loaditup.de/files/636834_fnqdcqvcmw.png';
image[2] = 'http://www.Bildadresse2.jpg';
image[3] = 'http://www.Bildadresse3.jpg';
image[4] = 'http://www.Bildadresse4.jpg';

var num = Math.random();
var ran = Math.floor((image.length - 1) * num) + 1;

document.write('<a href="' + link[ran] + '"><img src="' + image[ran] + '" border="0" /></a>');
//-->
</script>
</div>

______________
Gruß Pexxi


Zuletzt bearbeitet von pexxi am 29.07.2011, 09:34, insgesamt 2-mal bearbeitet
Beitrag27.07.2011 um 19:16 (UTC)    
Titel:

Pexxi ich weiss passt nicht zum Thema aber wie machst du es mit dem Banner mache jetzt ne Desing hilfe Page !
Beitrag27.07.2011 um 19:20 (UTC)    
Titel:

Oh ne Pokemoncity
1.) Frag doch per PN
2.) Das mit der hilfeseite würd ich lssen, weil nur schrott drinstehen würde
Beitrag27.07.2011 um 19:22 (UTC)    
Titel:

Genau.
1) Es passt nicht zum Thema
2) Was für ein Banner ?
3) Du ne Designhilfe-Seite ?! Nen Witz oder Wink (Brauche ich auch gar nicht erläutern. Die meisten wissen warum Wink)
4) Du fragst mich etwas um es später auf deine Seite zu stellen. Ist der Beweis dafür, dass du überhaupt keine Ahnung von Design hast.

Jetzt bitte nur noch Antworten zum Thema Mad
______________
Gruß Pexxi
Beitrag27.07.2011 um 23:12 (UTC)    
Titel:

Hi,

pokemon-citty hat Folgendes geschrieben:
Pexxi ich weiss passt nicht zum Thema aber wie machst du es mit dem Banner mache jetzt ne Desing hilfe Page !

Das ist wieder mal typisch! Laughing

B2T:
Meine erste idee war statt das Bild mit der Nummer der Zufallszahl zu wählen, einfach alle anderen außer das Bild der Zufallszahl zu nehmen. Da ich aber annehme, dass du mehr als 4 Bilder verwenden möchtest ist es wohl am besten einfach alle Bilder durch zumischen.

Zitat:

<script language="JavaScript" type="text/javascript">
var image = new Array();
var link = new Array();

image[0] = 'URL Bild 1';
image[1] = 'URL Bild 2';
image[2] = 'URL Bild 3';
image[3] = 'URL Bild 4';

link[0] = 'URL Link 1';
link[1] = 'URL Link 2';
link[2] = 'URL Link 3';
link[3] = 'URL Link 4';

function createThePictures()
{
var imgTag_1 = document.getElementById('pic_1');
var imgTag_2 = document.getElementById('pic_2');
var imgTag_3 = document.getElementById('pic_3');

mixThePics();

imgTag_1.src = image[0];
imgTag_1.parentNode.href = link[0];

imgTag_2.src = image[1];
imgTag_2.parentNode.href = link[1];

imgTag_3.src = image[2];
imgTag_3.parentNode.href = link[2];
}

function mixThePics()
{
var i;
var j = 0;
var picTemp = new Array();
var linkTemp = new Array();

while (j != image.length)
{
randomNr = Math.floor(Math.random() * (image.length - j));
picTemp[j] = image[randomNr];
linkTemp[j] = link[randomNr];
j++;

for (i = randomNr; i <= (image.length - 1 - j); i++)
{
image[i] = image[i + 1];
link[i] = link[i + 1];
}
}

image = picTemp;
link = linkTemp;
}
</script>

<table>
<tr>
<td><a href=""><img id="pic_1" src="" alt="pic_1"></a></td>
<td><a href=""><img id="pic_2" src="" alt="pic_2"></a></td>
<td><a href=""><img id="pic_3" src="" alt="pic_3"></a></td>
</tr>
</table>


<script type="text/javascript">
createThePictures();
</script>

Die URLs deiner Bilder
Adresse auf welche verlinkt wird
Um die Bilder nebeneinander zu setzen hab ich mal ne Tabelle angelegt. Wenn du willst kannst auch was anderes nehmen.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag28.07.2011 um 11:40 (UTC)    
Titel:

Hat sich geklärt. Habe es mit ner Tabelle versucht.
______________
Gruß Pexxi
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de