Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][SQL]Przejscie
Forum PHP.pl > Forum > Przedszkole
fcppl
Witam,

Mam oto taki prosty skrypt ktory wyswietla losowo zdjecia. Problem jest w tym ze nie mam pojecia jak zrobic plynne przejscie bo teraz mi skacze po uplywie X sekund. Dodam ze szukałem sporo w sieci i testowałem kilka rozwiązan jednak bez powodzenia. Proszę o pomoc

  1. jQuery.noConflict();
  2.  
  3. jQuery(document).ready(function($) {
  4.  
  5. $(document).ready(function(){
  6. var j = jQuery.noConflict();
  7. j(document).ready(function()
  8. {
  9. j(".player").everyTime(6000,function(i){
  10. j.ajax({
  11. url: "player_random.php",
  12. cache: false,
  13. success: function(html){
  14. j(".player").html(html);
  15. }
  16. })
  17. })
  18. });
  19. j('.player').css({color:"red"});
  20. });
  21.  
  22. });


Dzieki z góry
jaslanin
nie musisz robić 3 razy document ready jeden wewnątrz drugiego, jeden wystarczy w zupełności, nieważne dla której instancji jquery, zadziała tak samo

problemem jest to, że po pobraniu ajaxem obrazka, musi on być jeszcze pobrany przez przeglądarke, musisz zrobić tak, że obrazek podmieniasz dopiero po jego załadowaniu.

Zobacz na przykład: http://stackoverflow.com/questions/5627148...ax-success-data




fcppl
witam,

Dzieki za odpowiedz. Kod zmodyfikowałem wedlug wskazowek (oczysciłem), ale nawet jak chce sie zastosować do wskazowek z podanego linku nie daje sobie rady. Czy ktos moze mi pomoc modyfikująć moj kod i dac jeszcze jakas wskazowke?

  1. var j = jQuery.noConflict();
  2. j(document).ready(function()
  3. {
  4. j(".player").everyTime(6000,function(i){
  5. j.ajax({
  6. url: "player_random.php",
  7. cache: false,
  8. success: function(html){
  9. j(".player").html(html);
  10. }
  11. })
  12. })
  13. });
  14.  
  15.  
  16.  
jaslanin
spróbuj tego, może tak będzie Ci prościej: http://stackoverflow.com/a/7913619/1660478
fcppl
Po calym dniy cos chyba pomogło bo fotki mi migaja i to nawet fajnie wyglada.

Pokazuje kod, ale prawdopodobnie jest w nim duzo bledow

  1. var j = jQuery.noConflict();
  2. j(document).ready(function()
  3. {
  4. j(".player").everyTime(6000,function(i){
  5. j.ajax({
  6. cache: false,
  7. url: "player_random.php",
  8. success: function(data){
  9. j(".player").html(data).hide().fadeIn(1600).waitForImages(function(){
  10. $(this).show();});
  11. }
  12. })
  13. })
  14. });
  15.  
  16.  
  17.  


Mam jeszcze takie pytanie. Jezeli nie uzywam funkcji .fadeIn, samo .hide wykonuje efekt znikniecia zdjec, ale nowe sie juz nie pokazuja?

m
b4rt3kk
Zamiast hide użyj fadeOut.
jaslanin
dlaczego nie używasz konsoli błędów js?

przekopiowałeś: $(this).show(); a wcześniej użyłeś noconflict więc dolar nie będzie przechowywał jQuery.

dobrze by było jakbyś to gdzieś na serwer wrzucił, bo ciężko będzie Ci inaczej pomóc.
fcppl
ok,

uzyłem konsoli i byly bledy lekko zmodyfikowałem kod i bledów juz nie ma chociaz nie jestem pewny czy jest on poprawny, ale to tylko dlatego ze jestem b.poczatkujacy

  1. var j = jQuery.noConflict();
  2. j(document).ready(function()
  3. {
  4. j(".player").everyTime(7000,function(i){
  5. j.ajax({
  6. cache: false,
  7. url: "zawodnicy/fastball_plugins/player_random.php",
  8. success: function(data){
  9. j(".player").html(data).hide().fadeIn(700);
  10.  
  11.  
  12. }
  13. })
  14. })
  15. });
  16.  
  17.  
  18.  


Dzieki wszystkim za pomoc.

witam,

Jeszcze jedno małe pytanie. Jak zrobic odswiezanie DIV, ale zeby nie wgrywał danych z pliku np:

url: "player_random.php",

tylko odswiezał danego Div'a, który juz posiada swoj tekst mam tutaj na mysli ze tresc Div'a bedzie zmieniana bezposrednio z CMS. Jezeli zastosuje wzór ajax bez sekcji "url: "player_random.php"," div faktycznie sie odzwieza, ale powiela mi jego zawartosc tak ze wynik po odswiezeniu pokazuje dwa razy ta sama tresc.

Pozdrawiam
jaslanin
zamiast pobierania całego diva przez ajax pobieraj tylko img i umieszczaj go wewnątrz diva
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.