اینو چطوری ساختن؟

[ab.ali]

با سلام، توی بعضی از سایت ها اگر مشاهده کرده باشین ، بعد از اینکه به یک content مشخص می رسیم، یک عکس به صورت افکتی می آد روی content! اینو چطوری می سازن؟
ممنون

[دانیال دزفولی]

سلام

منظور شما اینه ؟

http://johnpolacek.github.io/superscrollorama/

[ab.ali]

ممنو خودشه، یک سوال دیگه اگر به خاطر داشته باشید توی یک تاپیک درباره loading پرسیده بودم حالا این کد رو خودم نوشتم اما نمی دونم به دلیل سرعت بالا است یا نه که loading نمایش داده نمی شه می شه شما هم یک چک بکنید؟



$('body').css('opacity','0.5');

$(document).ready(function(e) {

$('div').removeClass('Loading');
$('body').css('opacity','1');

});

[دانیال دزفولی]

من با لودینگ کار نکردم
http://jsfiddle.net/SEW2Z/
ولی اینو توی یه صفحه که یکم حجمش بالاس امتحان کن و برای تست ctrl + f5 بزن

[dreadful]

من با لودینگ کار نکردم
http://jsfiddle.net/SEW2Z/
ولی اینو توی یه صفحه که یکم حجمش بالاس امتحان کن و برای تست ctrl + f5 بزن

فقط اون کد اسکریپت رو باید آخر body بگذارید !

[zsxdcfv]

سلام

منظور شما اینه ؟

http://johnpolacek.github.io/superscrollorama/

ببخشید برای اینکه SuperScrollorama کار کنه غیر از دو فایل js که معرفی کرده که باید به فایلمون اضافه کنیم فایل دیگه می خواد اضافه کنیم آخه در فایل من موقع اجرا هیچ تغییری نمی کنه؟

[Omid Jackson]

ممنو خودشه، یک سوال دیگه اگر به خاطر داشته باشید توی یک تاپیک درباره loading پرسیده بودم حالا این کد رو خودم نوشتم اما نمی دونم به دلیل سرعت بالا است یا نه که loading نمایش داده نمی شه می شه شما هم یک چک بکنید؟



$('body').css('opacity','0.5');

$(document).ready(function(e) {

$('div').removeClass('Loading');
$('body').css('opacity','1');

});



جای $(document).ready... باید از $(window).load... استفاده کنین،بیرون از این میذارین که مثلا لودینگ نمایش داده بشه، بعد داخل load مینویسین که لودینگ محو بشه
خیلی سادست

[ab.ali]

جای $(document).ready... باید از $(window).load... استفاده کنین،بیرون از این میذارین که مثلا لودینگ نمایش داده بشه، بعد داخل load مینویسین که لودینگ محو بشه
خیلی سادست

ممنون از شما، اینجوری نوشتم یک بار که loading طول کشید کار کرد، حالا می شه شما هم محض اطمینان یک نگاهی بندازین:



$('body').css('opacity','0.5');
$('.Loading').css('display','block');

$(window).load(function(e) {

$('div').removeClass('Loading');
$('body').css('opacity','1');

});


ممنون!

[zsxdcfv]

ببخشید برای اینکه SuperScrollorama کار کنه غیر از دو فایل js که معرفی کرده که باید به فایلمون اضافه کنیم فایل دیگه می خواد اضافه کنیم آخه در فایل من موقع اجرا هیچ تغییری نمی کنه؟

ممنون میشم اگه جواب منو بدهید

[Omid Jackson]

ممنون از شما، اینجوری نوشتم یک بار که loading طول کشید کار کرد، حالا می شه شما هم محض اطمینان یک نگاهی بندازین:



$('body').css('opacity','0.5');
$('.Loading').css('display','block');

$(window).load(function(e) {

$('div').removeClass('Loading');
$('body').css('opacity','1');

});


ممنون!

چشمی که درسته، توی سایتتون که آپلود کردین درست نشون میده؟
البته شاید اون removeClass و بالا جواب نده و روی کد های دیگه مورد باشه
من خودم کل سایت رو داخل یک دیو با کلاس body میذارم بعد قبل این دیو لودینگ رو قرار میدم، و لودینگ رو نمایش میدم و کلاس body رو display رو none میدم، بعد وقتی لود شد display لودینگ none میشه و display اون دیو با کلاس body رو block میکنم که نشون بده، اینجوری اسکرول هم نمیخوره