Forum PHP.pl > [PHP][JavaScript]Zmiana obrazka

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][JavaScript]Zmiana obrazka

krzykal

11.08.2014, 11:04:55

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

oczywiście znajduje się w sekcji <head>

Wywołuję go w następujący sposób w artykule:

Kod

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?

Marwota

11.08.2014, 12:29:50

Spróbuj tak:

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

krzykal

12.08.2014, 11:11:55

Niestety ta zmiana nie dała żadnego efektu. Sytuacja jest identyczna do poprzedniej.

in5ane

12.08.2014, 13:27:57

Może użyj jQuery, np. tak:

[HTML] pobierz, plaintext 
<img src="0.png" name="obrazek" id="obrazek" />
[HTML] pobierz, plaintext

[JAVASCRIPT] pobierz, plaintext 
$('#obrazek').click(function()
{
   var src = $(this).attr('src');
   var tmpArray = src.split('.');
   src = tmpArray[0];
   var extension = tmpArray[1];
 
   $(this).attr('src', src + '.' + extension);
});
[JAVASCRIPT] pobierz, plaintext

lobopol

12.08.2014, 15:21:43

http://codepen.io/anon/pen/atcqv

krzykal

13.08.2014, 13:51:36

No niestety żadne rozwiązanie się nie sprawdziło. Może to wina samej Joomli jest to wersja 1.5 nie wiem, ale wszystkim dziękuję za pomoc.

werdan

14.08.2014, 13:45:32

Zobacz co masz na consoli. Na pewno się da, a powyższe rozwiazania wydają sie poprawne.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.