Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] zmiana obrazków po kliknięciu
nikestylex7
post
Post #1





Grupa: Zarejestrowani
Postów: 386
Pomógł: 7
Dołączył: 22.04.2010
Skąd: Ziemia

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


Witam. Napisałem taki oto prosty skrypt w jquery , który ma mi zmieniać obrazki. Moje pytanie jest następujące czy da radę zrobić żeby przejścia pomiędzy obrazkami były mniej widoczne bądź w ogóle ? a może znacie lepsze metody ?

  1. $(document).ready(function(){
  2. $('#after_login').slideUp(1);
  3. $("#hide").click(function () {
  4. var original_image = 'url(https://mojastrona.com/images/arrow.png)';
  5. var second_image = 'url(https://mojastrona.com/images/arrow2.png)';
  6. if ($(this).css('background-image').replace(/"/g, '') == original_image) {
  7. $(this).css('background-image', second_image);
  8. $('#after_login').slideToggle();
  9. } else {
  10. $(this).css('background-image', original_image);
  11. $('#after_login').slideToggle();
  12. }
  13.  
  14. return false;
  15. });});


pomodziłem trochę lecz teraz tak zdjecia się przełączają bez klatkowania lecz tylko raz tzn klikam raz i już nie działa jak klikam 2 raz.

  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $('#after_login').slideUp(1);
  4. $("#hideimg").click(function () {
  5. if ($("#hideimg").attr('src',"images/arrow.png")) {
  6. $("#hideimg").attr('src',"images/arrow2.png");
  7. $('#after_login').slideToggle();
  8. } else {
  9. $("#hideimg").attr('src',"images/arrow.png");
  10. $('#after_login').slideToggle();
  11. }
  12. return false;
  13. });});
  14. </script>


Ten post edytował nikestylex7 28.10.2013, 21:53:07
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: 24.08.2025 - 02:18