یه اسلایدر شبیه سایت http://www.joomla.ir/ میخوام.کسی سراع داره؟

[moferferi]

سلام.
اسلایدر سایت http://www.joomla.ir/ اگه ببینین یه سری عکس هست که تغییر میکنه.با این کاری ندارم و چیز خاصی هم نیست.اما اینکه سمت راست اسلایدر دوتا نوشته که به صورت عکس هست همزمان با عوض شدن عکس اصلی میاد چه شکلی انجام میشه.
ایا همزمان از دو تا اسلایدر داره استفاده میکنه ؟ و یا اسلایدرش جوریه که میشه سه تا عکس را همزمان با هم نشون داد؟

[s2/mri]

سلام
این یه اسلایدره که وقی عکسی به عنوان پس زمینه قرار میگیره 2 تا عکس دیگه رو روی عکس قبلی میاره
که اگه دقت کنی وقی موس به پایین اسلایدر میره فقط عکس پس زمینه رو نشون میده بدون اون 2 تا عکس
تو عکس جایی که با قرمز مشخص کردم عکس بک گراند و اون 2تا که کادر سیاه داره عکسای روی بک گراند
دیگه اینکه چطوری فراخوانی میکنه روفک کنم کد جاوا اسکریپتش بر اساس تگهای h3 و p تصمیم میگیره
88618
http://barnamenevis.org/images/misc/pencil.png

[moferferi]

صد در صد با جی کوئری این کارا انجام داده.منم میخوام بدونم چه طوری میشه به کدش دست پیدا کرد یا اینکه اسلایدری شبیه به این تو وب پیدا کرد

[s2/mri]

برا کدش که اگه سایت و کامل دانلود کنی کدشو پیدا میکنی
خودمم اسلایدری شبیه به این پیدا نکردم ولی اسلایدر هایی بودند که به جای عکس هایی که روی زمینه میان یک بک گراند سیاه داشتند و از پایین عکس بک گراند میومدند
برا عکس گذاشتن به جای بک گراند سیاه که مشکلی نیست اشاره کردم کجا اون عکسا میان ولی برا اینکه این عکسها چطوری روی عکس بک گراند میان و باید دوستانی که Java Script و Jquery بلدند توضیح بدن

[smartdevelopers]

سلام
در این خصوص بهتر هست با خود سایت جوملا فارسی تماس بگیری.

[dreadful]

شما باید jQuery بدونی
بعد از تغییر تصویر باید باید margin-left اون دوتا تصویر رو کم و زیاد کنی که حرکت داشته باشه ...

[omidabedi]

لازم نیست که بگردی خود اسلایدرشو ریپ بزن.بزا ببینم میشه یا نه اگر شد میزارم.

[omidabedi]

فایل های js اینها هستن :
http://www.joomla.ir/modules/mod_navidiranian_css3_slider/js/jquery.easing.1.3.js
http://www.joomla.ir/modules/mod_navidiranian_css3_slider/js/jquery.eislideshow.js
http://www.joomla.ir/templates/jf_v1/js/jquery.min.js
css اینها هستن :
http://www.joomla.ir/modules/mod_navidiranian_css3_slider/css/style.css
http://www.joomla.ir/templates/jf_v1/css/template.css
html هم اینها :


<div id="navidiranian-slideshow">
<div id="navidiranian-slideshow-iner">

<script type="text/javascript">
jQuery(function() {
jQuery('#ei-slider').eislideshow({
animation : 'center',
autoplay : true,
slideshow_interval : 6000,
titlesFactor : 0,
easing : 'easeOutExpo',
titleeasing : 'easeOutSine',
titlespeed : 1200
});
});
</script>
<div id="ei-slider" class="ei-slider" style="width:910px;"><div class="ei-slider-loading" style="display: none;"></div>
<ul class="ei-slider-large">
<li style="opacity: 0; z-index: 1;">

<img src="http://www.joomla.ir/images/extensions/slide/website.png " alt="image0" style="width: 910px; height: 300px; margin-left: 0px; margin-top: 0px;">
<div class="ei-title">
<h3 style="opacity: 0; display: block; margin-right: 0px;"><img src="http://www.joomla.ir/images/extensions/slide/small/website-1.png"></h3>
<p style="opacity: 0; display: block; margin-right: 0px;"><a href="http://www.joomla.ir/solutions" target="_blank"><img src="http://www.joomla.ir/images/extensions/slide/small/website-2.png" width="394" height="70"></a></p>
</div>
</li>
<li style="opacity: 0; z-index: 1;">

<img src="http://www.joomla.ir/images/extensions/slide/news.png " alt="image1" style="width: 910px; height: 300px; margin-left: 0px; margin-top: 0px;">
<div class="ei-title">
<h3 style="opacity: 0; margin-right: 0px; display: block;"><img src="http://www.joomla.ir/images/extensions/slide/small/news-1.png"></h3>
<p style="opacity: 0; margin-right: 0px; display: block;"><a href="http://www.joomla.ir/solutions" target="_blank"><img src="http://www.joomla.ir/images/extensions/slide/small/news-2.png" width="394" height="70"></a></p>
</div>
</li>
<li style="opacity: 0; z-index: 1;">

<img src="http://www.joomla.ir/images/extensions/slide/cafe.png " alt="image2" style="width: 910px; height: 300px; margin-left: 0px; margin-top: 0px;">
<div class="ei-title">
<h3 style="opacity: 0; margin-right: 0px; display: block;"><img src="http://www.joomla.ir/images/extensions/slide/small/cafe-1.png" width="448" height="90"></h3>
<p style="opacity: 0; margin-right: 0px; display: block;"><a href="http://www.joomla.ir/templates.html" target="_blank"><img src="http://www.joomla.ir/images/extensions/slide/small/cafe-2.png" width="391" height="72"></a></p>
</div>
</li>
<li style="opacity: 1; z-index: 1;">

<img src="http://www.joomla.ir/images/extensions/slide/hosting.png " alt="image3" style="width: 910px; height: 300px; margin-left: 0px; margin-top: 0px;">
<div class="ei-title">
<h3 style="opacity: 0; margin-right: 0px; display: block;"><img src="http://www.joomla.ir/images/extensions/slide/small/hosting-1.png"></h3>
<p style="opacity: 0; margin-right: 0px; display: block;"><a href="http://www.joomla.ir/webhosting" target="_blank"><img src="http://www.joomla.ir/images/extensions/slide/small/hosting-2.png" width="393" height="70"></a></p>
</div>
</li>
<li style="opacity: 0.9732626554474186; z-index: 10;">

<img src="http://www.joomla.ir/images/extensions/slide/support.png " alt="image4" style="width: 910px; height: 300px; margin-left: 0px; margin-top: 0px;">
<div class="ei-title">
<h3 style="opacity: 0.41628079226040116; margin-right: 87.55788116093983px; display: block;"><img src="http://www.joomla.ir/images/extensions/slide/small/support-1.png"></h3>
<p style="opacity: 0.41628079226040116; margin-right: -87.55788116093983px; display: block;"><a href="http://www.joomla.ir/support" target="_blank"><img src="http://www.joomla.ir/images/extensions/slide/small/support-2.png" width="391" height="72"></a></p>
</div>
</li>
</ul><!-- ei-slider-large -->

<ul class="ei-slider-thumbs" style="display: block; max-width: 475px;">
<li class="ei-slider-element" style="max-width: 190px; width: 20%; left: 358.33940625px;">Current</li>
<li style="max-width: 190px; width: 20%;"><a href="#">Slide 0</a><img src="http://www.joomla.ir/modules/mod_navidiranian_css3_slider/images/thumbs/0.png" alt="thumb00"></li>
<li style="max-width: 190px; width: 20%;"><a href="#">Slide 1</a><img src="http://www.joomla.ir/modules/mod_navidiranian_css3_slider/images/thumbs/1.png" alt="thumb01"></li>
<li style="max-width: 190px; width: 20%;"><a href="#">Slide 2</a><img src="http://www.joomla.ir/modules/mod_navidiranian_css3_slider/images/thumbs/2.png" alt="thumb02"></li>
<li style="max-width: 190px; width: 20%;"><a href="#">Slide 3</a><img src="http://www.joomla.ir/modules/mod_navidiranian_css3_slider/images/thumbs/3.png" alt="thumb03"></li>
<li style="max-width: 190px; width: 20%;"><a href="#">Slide 4</a><img src="http://www.joomla.ir/modules/mod_navidiranian_css3_slider/images/thumbs/4.png" alt="thumb04"></li>
</ul><!-- ei-slider-thumbs -->
</div><!-- ei-slider -->

</div><!--slideshow inner-->
</div>


تست کردم کار کرد البته با یکمی بهم ریختگی که خودتون میتونید درستش کنید
مشکلی فکر نکنم پیش بیاد

[smartdevelopers]

سلام
پیشنهاد می کنم به جای کلمه ریپ زدن که نوعی دزدی کد و قالب و زحمات تولید کننده است از تجزیه و تحلیل استفاده بشه. و چقدر خوب هست که ما از کار دیگران برای بهرت شدن سایت خودمون و خلاقیت در کار طراحیمون کمک بگیریم و نه اینکه کپی برداری کنیم.
همانظور که میبینید پایین وب سایت نوشته: "تمامی حقوق برای شرکت نوید ایرانیان محفوظ است."
طبیعتا این ماژول رو اختصتصی برای خودشون نوشتن و کامل کردن.
من در بالا پیشنهاد دادم که با خودشون www.joomla.ir تماس بگیرید. خوشبختانه بچه های خوبی هم هستند و به پرسش ها پاسخ میدن. مشاوره رایگان هم که دارند.
فقط بهشون نگید قالب خودتون رو چند میفروشید که به آن حساسیت دارند چون کاملا اختصاصی کار کردن ولی اگر مایل باشید کار اختصاصی نزدیک به خودشون انجام می دهند.

[omidabedi]

سلام
پیشنهاد می کنم به جای کلمه ریپ زدن که نوعی دزدی کد و قالب و زحمات تولید کننده است از تجزیه و تحلیل استفاده بشه. و چقدر خوب هست که ما از کار دیگران برای بهرت شدن سایت خودمون و خلاقیت در کار طراحیمون کمک بگیریم و نه اینکه کپی برداری کنیم.
همانظور که میبینید پایین وب سایت نوشته: "تمامی حقوق برای شرکت نوید ایرانیان محفوظ است."
طبیعتا این ماژول رو اختصتصی برای خودشون نوشتن و کامل کردن.
من در بالا پیشنهاد دادم که با خودشون www.joomla.ir تماس بگیرید. خوشبختانه بچه های خوبی هم هستند و به پرسش ها پاسخ میدن. مشاوره رایگان هم که دارند.
فقط بهشون نگید قالب خودتون رو چند میفروشید که به آن حساسیت دارند چون کاملا اختصاصی کار کردن ولی اگر مایل باشید کار اختصاصی نزدیک به خودشون انجام می دهند.


خوشبختانه کل فایل های js اختصاصی نیست برای همینم گذاشتم



/*
* smartresize: debounced resize event for jQuery
*
* latest version and complete README available on Github:
* https://github.com/louisremi/jquery.smartresize.js
*
* Copyright 2011 @louis_remi
* Licensed under the MIT license.
*/


تحت لایسنس mit http://en.wikipedia.org/wiki/MIT_License که نرم افزار های رایگان هست


/*
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
*
* Uses the built in easing capabilities added In jQuery 1.1
* to offer multiple easing options
*
* TERMS OF USE - jQuery Easing
*
* Open source under the BSD License.
*
* Copyright © 2008 George McGinley Smith
* All rights reserved.
*

اینم تحت لایسنس bsd منتشر میشه که بازم open source هست http://en.wikipedia.org/wiki/BSD_licenses
مشکلی نداره داداش خیالت جمع