Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][JavaScript]Zmiana obrazka
krzykal
post
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 26.04.2014

Ostrzeżenie: (0%)
-----


Witam.

Mam stronę w Joomla 1.5 i potrzebuję zrobić prostą rzecz, a mianowicie zmianę obrazka po kliknięciu na niego myszką.

Znalazłem taki skrypt:

Kod
<script type="text/javascript" language='javascript'>
var x=0;
function podmiana() {
document.getElementById('obrazek').src = x+".png";
x++
if(x>2)x=0;
}
</script>


oczywiście znajduje się w sekcji <head>

Wywołuję go w następujący sposób w artykule:
Kod
<img src="0.png" name="obrazek" onclick="podmiana()" id="obrazek">


Niestety po kliknięciu na pierwszy obrazek kolejny się już nie pokazuje.

Gdzie robię błąd?

Może dla Joomla istnieje jakieś inne rozwiązanie?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
in5ane
post
Post #2





Grupa: Zarejestrowani
Postów: 1 335
Pomógł: 34
Dołączył: 9.11.2005
Skąd: Wrocław

Ostrzeżenie: (10%)
X----


Może użyj jQuery, np. tak:
  1. <img src="0.png" name="obrazek" id="obrazek" />
[JAVASCRIPT] pobierz, plaintext
  1. $('#obrazek').click(function()
  2. {
  3. var src = $(this).attr('src');
  4. var tmpArray = src.split('.');
  5. src = tmpArray[0];
  6. var extension = tmpArray[1];
  7.  
  8. $(this).attr('src', src + '.' + extension);
  9. });
[JAVASCRIPT] pobierz, plaintext


Ten post edytował in5ane 12.08.2014, 13:28:21
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 14.10.2025 - 22:45