Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] Ładowanie okienka podczas ładowani strony
Forum PHP.pl > Forum > XML, AJAX
Ravik
Witam,


Mam skrypt general.js w którym znajduje się skrypt ładowania poszczególnych obiektów na całej stronie. Przy otwieraniu strony nie otwiera mi się żadne okno - widać tylko i wyłącznie tło strony. Ja chciałbym natomiast, żeby podczas załadowania strony otwierało się okno takie chociażby jak po kliknięciu w "Poznaj nas". Jednak ten kod Jquery kompletnie mnie powala, a w połączeniu z HTML5 nie jestem w stanie za dużo zrobić. Całość skryptu jQuery odpowiadającego za ruch na stronie znajduje się w katalogu js/general.js.

Adres podglądu:
Kod
http://www.tajnikihackingu.pl/strona/

Całość można pobrać:
Kod
http://www.tajnikihackingu.pl/strona/strona.rar


Próbowałem robić coś takiego:
  1. jQuery(document).ready(function($){
  2.  
  3. $('body').append('<span id="body_loader"></span>');
  4. $('#body_loader').fadeIn();
  5. $('#first-page').fadeIn(); //dopisane przeze mnie i po stworzeniu tego diva w css i umieszczeniu na stronie nic się nie dzieje
  6.  
  7. //In our jQuery function, we will first cache some element and define some variables:
  8. var $bg = $('#background'),
  9. $bg_img = $bg.find('img'),
  10. $bg_img_eq = $bg_img.eq(0),
  11. total = $bg_img.length,
  12. current = 0,
  13. $next = $('#next'),
  14. $prev = $('#prev')
  15.  
  16. $(window).load(function(){
  17. //hide loader
  18. $('#body_loader').fadeOut('fast', function(){
  19. init();
  20. }).remove();
  21.  
  22. });
  23.  
  24. var intervalID,
  25. play = $('#play'),
  26. titleItem = $('.title-item');
  27.  
  28. //shows the first image and initializes events
  29. function init(){
  30. //get dimentions for the image, based on the windows size
  31. var dim = getImageDim($bg_img_eq);
  32. //set the returned values and show the image
  33. $bg_img_eq.css({
  34. width : dim.width,
  35. height : dim.height,
  36. left : dim.left,
  37. top : dim.top
  38. }).fadeIn('normal');
  39.  
  40.  
  41. //resizing the window resizes the $tf_bg_img
  42. $(window).bind('resize',function(){
  43. var dim = getImageDim($bg_img_eq);
  44. $bg_img_eq.css({
  45. width : dim.width,
  46. height : dim.height,
  47. left : dim.left,
  48. top : dim.top
  49. });
  50. });


Będę wdzięczny za jakiekolwiek wskazówki, a jeżeli to wymaga większej wiedzy dotyczącej jQuery i przeciętniak sobie z tym nie poradzi, to oprócz zwykłego "Pomógł" chętnie zapłacę za wykonaną pracę i w miarę klarowne wytłumacznie co powinienem zrobić.

Pozdrawiam,
Ravik
lukesh
W kodzie strony, do której link podałeś, nie ma "$('#first-page').fadeIn()".
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.