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 (1 - 6)
Marwota
post
Post #2





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 6.08.2014

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

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>
Go to the top of the page
+Quote Post
krzykal
post
Post #3





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

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

Niestety ta zmiana nie dała żadnego efektu. Sytuacja jest identyczna do poprzedniej.
Go to the top of the page
+Quote Post
in5ane
post
Post #4





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:
[HTML] pobierz, plaintext 
  1. <img src="0.png" name="obrazek" id="obrazek" />
[HTML] pobierz, plaintext 
[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


--------------------
> > > Tworzenie stron < < <
Go to the top of the page
+Quote Post
lobopol
post
Post #5





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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

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


--------------------
pehap.pl - moje portfolio
Go to the top of the page
+Quote Post
krzykal
post
Post #6





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

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

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.
Go to the top of the page
+Quote Post
werdan
post
Post #7





Grupa: Zarejestrowani
Postów: 354
Pomógł: 100
Dołączył: 14.11.2013
Skąd: Płock

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

Zobacz co masz na consoli. Na pewno się da, a powyższe rozwiazania wydają sie poprawne.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 10:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn