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

Kliknięcie w miniaturkę i wyświetlenie pełnego obrazka.

Object Storage Arubacloud
0 głosów
11,056 wizyt
pytanie zadane 5 czerwca 2015 w JavaScript przez Destiny Użytkownik (500 p.)
edycja 5 czerwca 2015 przez Destiny
Witam serdecznie,

Potrzebuje waszej pomocy, potrzebuje skryptku który umieści mi miniaturkę obrazka na stronie a gdy na nią klikne wyświetli się pełny rozmiar zdjęcia i dodatkowo zostanie odegrana pięciosekundowa muzyczka. Z góry dzięki.

3 odpowiedzi

0 głosów
odpowiedź 5 czerwca 2015 przez Pinio Gaduła (3,520 p.)
czy zadałeś sobie minimum trudu by odpowiedzieć na własne pytanie?
0 głosów
odpowiedź 5 czerwca 2015 przez Zibby Początkujący (360 p.)

//najpierw robisz funkcję

function pokaz()
{

document.getElementById("id-Diva").innerHTML = "<img src=\"zdj.jpg\">"  // wypisuje to co jest po znaku równości do id-Diva
}

//uwaga jeśli byś wpisał "<img src="zjd.jpg">" to plik by odczytał, że ma wypisać "<img src="zjd.jpg">". Dlatego  wpisuje się "przedłużający" prawy ukośnik, sam sprawdź jak to działa ;)

// teraz robisz sobie diva w którym zamieszczasz zdjęcie

 

<div id="id-Diva">

<img src="zdj.jpg" width="100px" onclick="pokaz()">  // po kliknięciu na zdjęciu uruchamia się funkcja (onclick="pokaz()") wypisująca "<img src=\"zdj.jpg\">".

</div>

i wszystko powinno pasować

 

0 głosów
odpowiedź 5 czerwca 2015 przez Comandeer Guru (602,480 p.)
Polecam zapoznać się z filozofią https://pornel.net/pups - skrypt z długą, białą brodą, ale wciąż pod względem usability nie ma sobie równych. Dlaczego? Bo zdjęcie w powiększeniu otworzymy nawet przy wyłączonym JS albo klikając na nie środkowym klawiszem myszy. A wszystko dzięki temu, że miniaturkę po prostu otoczyło się hiperłączem do dużej wersji

Jeśli chodzi o dźwięk: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video

Podobne pytania

0 głosów
1 odpowiedź 834 wizyt
0 głosów
0 odpowiedzi 341 wizyt
pytanie zadane 27 lutego 2020 w JavaScript przez gugol9 Nowicjusz (140 p.)
0 głosów
1 odpowiedź 242 wizyt

92,661 zapytań

141,557 odpowiedzi

320,000 komentarzy

62,028 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...