• 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
121 wizyt
pytanie zadane 14 września 2018 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 2018 przez shotokan Nałogowiec (38,540 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 2018 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 2018 przez Radosław Foltyński Obywatel (1,160 p.)
wybrane 14 września 2018 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 2018 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 2018 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 2018 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 2018 przez itouchstonei Nowicjusz (150 p.)
Działa świetnie! Dziękuję bardzo za pomoc :)

Podobne pytania

0 głosów
1 odpowiedź 70 wizyt
pytanie zadane 8 grudnia 2015 w JavaScript, jQuery, AJAX przez Natan932 Nowicjusz (140 p.)
0 głosów
1 odpowiedź 34 wizyt
pytanie zadane 16 stycznia w JavaScript, jQuery, AJAX przez kralcz88 Obywatel (1,640 p.)
0 głosów
1 odpowiedź 68 wizyt
pytanie zadane 23 marca 2017 w JavaScript, jQuery, AJAX przez Muhin Gaduła (3,760 p.)
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

60,273 zapytań

105,971 odpowiedzi

220,187 komentarzy

32,477 pasjonatów

Przeglądających: 243
Pasjonatów: 13 Gości: 230

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.

...