Mam stronę img.php, która generuje losowy obrazek
Po użyciu:
<img src="x.pl/img.php">
wyświetla mi losowy obrazek dajmy na to img1.
Używam drugi raz img w tym samym pliku
<img src="x.pl/img.php">
Wyświetla mi inny obrazek np. img2.
Co zrobić, żeby drugie użycie img src wyświetlało identyczny obrazek (czyli tutaj: img1) jak pierwsze użycie img src?
pokaż kod pliku img.php
Niestety nie mam dostępu, plik zewnętrzny :(
Domyślam się, że trzeba będzie jakoś zapamiętać pierwsze losowanie z użyciem cookies a następie jakoś podmienić to img src, aczkolwiek nie wiem do końca, jak to zrobić :(
W sensie po odświeżeniu strony ma zapamiętać ten obrazek? Bo jak wrzucisz dwa tagi img obok siebie z takim samym src to przeglądarka i tak wyświetli chyba to samo [?]
Nie, nie, chodzi o to, że plik img.php generuje obrazek losowy. I gdy pierwszy raz w img src pobieram to losuje jakiś obrazek i zaraz pod nim znów img src losouje inny obrazek, a chodzi o to, żeby w tym drugim był zawarty taki sam obrazek jak w tym img src za pierwszym razem
Jeżeli nie jest taki sam to aż dziwne, spodziewałbym się, że przeglądarka i tak wstawi wszędzie to samo. W takim razie zostaje Ci tylko javascript. Może być?
Właśnie domyślam się, że musze użyć jQuery, aczkolwiek nie wiem na jakiej zasadzie zrobić podstawienie czy coś w ten deseń... Mógłbyś dać jakieś konkretniejsze wskazówki?
Robisz sobie coś takiego:
<p>treść treść</p>
<img class="losowy-obrazek" />
<div>
<span>cośtam</span>
<img class="losowy-obrazek" />
</div>
Potem coś podobnego do tego:
http://stackoverflow.com/a/16566198/3110289
Tylko ostatni alert wywalasz, i wstawiasz coś takiego:
Array.from(document.getElementsByClassName('losowy-obrazek')).forEach(function(elem) {
elem.src = dataURL;
});
Oczywiście po załadowaniu strony musisz wykonać jeszcze getBase64FromImageUrl('x.pl/img.php');
Pisane z palca, może nawalać ;)