جریان این جی کوئری چیه ؟

[takwarez]

سلام دوستان ...
این پست اولیه که دارم توی این انجمن میدم و امیدوارم که جوابمو بگیرم ...
دوستان اگه یه لطفی کنید و به این ادرس برید http://www.takwarez1.in/ - اون اسلایدر بزرگی که اول سایت هستش رو من میخوام یه تغییر بدم ، اونم اینه که الان شما روی هر عکس سه تا متن میبینید ! درسته ؟
حالا من میخوام وقتی افکت عکس تموم شد (منظورم از افکت ، اون افکت حرکتیشه - جی کوئری ) متنها با یه افکتی بیان روی عکس ... نمونه این کار هم توی این سیت میتونید ببینید http://iranproud.com/ ...
دمتون گرم / امیدوارم که جوابمو بگیرم :چشمک:

[azamicu]

سلام دوست عزیز باید از تکنیک animate بهم پیوسته استفاده بکنی
نمونه کد:


$("selector").animate({
opacity : 1
}, 1, function() {
$("selector2").animate({
opacity : 1
}, 1, function() {
$("selector3").animate({
opacity : 1
}, 1, function() {

})
})
})



باید تابت رو بعد از لود عکس فراخوانی بکنی
ولی اگه جیکوئری وارد نیستی یکم سخته:چشمک:
این آدرس سایت منه دوست داشتی یه سر بزن
http://www.sarat.ir/

[takwarez]

سلام دوست عزیز ممنون از جوابت ...
الان من این کد رو کجا باید بزارم !!! من کدهای اسلایدر رو اینجا پیوست میکنم اگه بشه خودتون راهنمایی کنید ، باز هم ممنون دوست عزیز ...
<script>
$(function () {

var $box = $('#box')
, $indicators = $('.goto-slide')
, $effects = $('.effect')
, $timeIndicator = $('#time-indicator')
, slideInterval = 5000;

var switchIndicator = function ($c, $n, currIndex, nextIndex) {
$timeIndicator.stop().css('width', 0);
$indicators.removeClass('current').eq(nextIndex).a ddClass('current');
};

var startTimeIndicator = function () {
$timeIndicator.animate({width: '968px'}, slideInterval);
};

// initialize the plugin with the desired settings
$box.boxSlider({
speed: 250
, autoScroll: true
, timeout: slideInterval
, next: '#next'
, prev: '#prev'
, pause: '#pause'
, effect: 'scrollHorz'
, blindCount: 15
, onbefore: switchIndicator
, onafter: startTimeIndicator
});

startTimeIndicator();

// pagination isn't built in simply because it's easy to
// roll your own with the plugin API methods
$('#controls').on('click', '.goto-slide', function (ev) {
$box.boxSlider('showSlide', $(this).data('slideindex'));
ev.preventDefault();
});

$('#effect-list').on('click', '.effect', function (ev) {
var $effect = $(this);

$box.boxSlider('option', 'effect', $effect.data('fx'));
$effects.removeClass('current');
$effect.addClass('current');

switchIndicator(null, null, 0, 0);
ev.preventDefault();
});
});

</script>

[azamicu]

سلام دوست عزیز
این فقط رخدادا هستش شما باید تو تابع اصلیت تغییر بدی
ابتدا باید متن هارو مخفی بکنی و بعد از لود شدن عکس یعنی آخر تابعی که عکس رو لود میکنه اونارو با animate زیبا نشون بدی
البته یکم پیچیدست اگه به jquery تسلط ندارید