• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

[js] Skrypt wyświetlający losowe zdjęcie + link

0 głosów
68 wizyt
pytanie zadane 14 września w JavaScript, jQuery, AJAX przez itouchstonei Nowicjusz (150 p.)

Witam serdecznie,

mam prośbę o pomoc w skrypcie do wyświetlania na mojej stronie losowej grafiki. Chciałbym, by każdy gif mógł mieć osobny odsyłacz.

Np. tak by obrazek1 był linkiem do https://www.google.com/ a obrazek2 do https://www.bing.com/ ?

<script language="JavaScript">
var ile=2; //ilosc obrazków w galerii
obrazki=new Array();
obrazki[0]='obrazek1.gif';
obrazki[1]='obrazek2.gif';
obrazek=obrazki[Math.floor(Math.random()*ile)];
document.write('<img src="'+obrazek+'">');
</script>

Bardzo proszę o pomoc

komentarz 14 września przez shotokan Nałogowiec (36,510 p.)

<script language="JavaScript">

gdzieś Ty takie coś znalazł? w muzeum? :)

Jak chcesz linki to jeszcze musisz dodać <a href=""></a>

komentarz 14 września przez itouchstonei Nowicjusz (150 p.)

W muzeum zwanym google :)

obrazki[0]='<a href="https://www.google.com/"><img src="dodaj1.gif" /></a>';

Próbowałem tak już wcześniej i to nie działa :/

 

1 odpowiedź

0 głosów
odpowiedź 14 września przez Radosław Foltyński Obywatel (1,160 p.)
wybrane 14 września przez itouchstonei
 
Najlepsza

Na twoim miejscu wywalił bym w ogóle document.write. Zastosuj DOMContentLoaded lub funkcję zmieniającą obrazek. Dalej jeżeli dasz obrazki[0]='<a href="https://www.google.com/"><img src="dodaj1.gif" /></a>'; zastosuj wtedy getElementById('div w którym ma znaleść się losowy obrazek"').innerHTML=obrazek. I wywal w ogóle coś takiego jak <script language="JavaScript">, po prostu <script>.  Pozdrawiam

komentarz 14 września przez itouchstonei Nowicjusz (150 p.)
Ale czy to nie spowoduje, że obrazki będą się zmieniać same (bez przeładowania strony)? Ja chciałbym by z każdym odświeżeniem strony pojawiał się losowo obrazek z przypisanym do siebie linkiem.
komentarz 14 września przez Radosław Foltyński Obywatel (1,160 p.)
Aby się zmieniały same musiała by być funkcja setInterval(), która dokonywała by zmiany cyklicznie co ileś sekund. Nie sądzę aby się same zmieniały na stronie.
komentarz 14 września przez Radosław Foltyński Obywatel (1,160 p.)

Łap tutaj gotowy skrypt:
 

<script> 
document.addEventListener("DOMContentLoaded", function() {
let images = [];
images[1] = "<a href = 'link'><img src='obrazek2.jpg'></a>";
images[2] = "<a href = 'link'><img src='obrazek3.jpg'></a>";
let liczba = Math.floor((Math.random() * 2) + 1);
document.getElementById('obraz').innerHTML=images[liczba];
});
</script>
<div id="obraz" style="width:300px; height:300px; background: #ff000f;">
</div>

 

komentarz 14 września przez itouchstonei Nowicjusz (150 p.)
Działa świetnie! Dziękuję bardzo za pomoc :)

Podobne pytania

0 głosów
1 odpowiedź 69 wizyt
pytanie zadane 8 grudnia 2015 w JavaScript, jQuery, AJAX przez Natan932 Nowicjusz (140 p.)
0 głosów
1 odpowiedź 64 wizyt
pytanie zadane 23 marca 2017 w JavaScript, jQuery, AJAX przez Muhin Gaduła (3,280 p.)
0 głosów
2 odpowiedzi 98 wizyt
pytanie zadane 3 listopada 2016 w C i C++ przez jelonek2006 Początkujący (440 p.)
Porady nie od parady
Pytania na temat serwisu SPOJ należy zadawać z odpowiednią kategorią dotyczącą tej strony.SPOJ

57,457 zapytań

102,434 odpowiedzi

211,288 komentarzy

29,238 pasjonatów

Przeglądających: 375
Pasjonatów: 22 Gości: 353

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...