پرش به


تصویر

اسلایدشو


  • لطفا وارد حساب کاربری خود شوید تا بتوانید پاسخ دهید
5 پاسخ برای این موضوع

#1 rezaseyfi

rezaseyfi

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 23 ارسال

ارسالی 1394/10/30 ساعت 00:31

سلام دوستان خسته نباشید 

1.من یه اسلاید شو می خوام برای بالا صفحه که گزینه بعدی و برگشت رو داشته باشه مثل عکسی که ضمیمه کردم

2.و یه چیزی تو سبک اسلاید نمایش برند ها برای پایین صفحه که برند ها رو نمایش بده

ممنون میشم دوستان کمک کنند. درضمن مبتدی هستم در این زمینه  :rolleyes:  :rolleyes:


  • 0

#2 حمید یوسفی

حمید یوسفی

    سوپراستار

  • عضو سایت
  • ستارهستارهستارهستارهستاره
  • 1,239 ارسال
  • محل سکونت: تهران

ارسالی 1394/10/30 ساعت 01:01

از NivoSlider استفاده نمائید. تداخلی با کد های جی کوئری و جاوا اسکریپت پیشفرض نداره و قبلا تست شده...


  • 1

#3 rezaseyfi

rezaseyfi

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 23 ارسال

ارسالی 1394/11/02 ساعت 12:52

از NivoSlider استفاده نمائید. تداخلی با کد های جی کوئری و جاوا اسکریپت پیشفرض نداره و قبلا تست شده...

سلام ممنون ولی من مبتدی ام یعنی چی؟ آموزشی لینکی هستا برام بفرستین؟

بعد این 2تا کاری که گفتم میشه انجام داد؟


  • 0

#4 rezaseyfi

rezaseyfi

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 23 ارسال

ارسالی 1394/11/02 ساعت 12:56

من هرچی اسلایدر توی نت سرچ میکنم همه برای ورد پرس چیکار کنم


  • 0

#5 iraya

iraya

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 151 ارسال
  • محل سکونت: ارومیه
  • مهارت ها: HTML, CSS, js

ارسالی 1394/11/02 ساعت 21:25

من هرچی اسلایدر توی نت سرچ میکنم همه برای ورد پرس چیکار کنم

 

چجور اسلایدری می خوای؟

یه اسلایدر که فقط عکس رو نشون بده؟

 

یا می خوای که از مطالب سایتت استفاده کنی

واسه اسلایدر ساده می تونی از این دو تا نرم افزار استفاده کنی

 

 

   
Amazing Slider v5.9 Enterprise
 
Amazing Carousel Enterprise 
 
اگه هم میخوای که از مطالب سایتت استفاده بکنی میتونی از تگ کاستوم استفاده بکنی
واسه راهنمایی راجب استفاده از تگ کاستوم و کلا راهنمای دیتالایف می تونی از لینک زیر کمک بگیری 
 
راهنمای کامل تگ های سیستم دیتالایف انجین فارسی نسخه 4

  • 0

---------------------------------------------------------

http://www.iraya.ir


#6 iraya

iraya

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 151 ارسال
  • محل سکونت: ارومیه
  • مهارت ها: HTML, CSS, js

ارسالی 1394/11/02 ساعت 21:53

مثلا اگه میخوای مطالب موضوعات اخبار سایتتو رو با اسلایدر نمایش بدی میتونی از این فایل که گذاشتم استفاده بکنی
که با استفاده از نرم افزار Amazing Slider v5.9 Enterprise ساختمش
 
فایلو که دانلود کردی رو تو پوشه قالبت اکسترکتش کن
که شامل فایلهای اسلایدر هستش و میتونی با اسلادری که خودت ساختی جایگزینشون بکنی
و فایل slide.tpl  هست که شامل کد های فراخوانی اولین تصویری که تو قسمت مطلب کوتاهت میزاری میشه
 
slide.tpl
 
<li>
[full-link]<img src="{image-1}" />[/full-link]
</li>

 
بعد کد زیر رو قبل از تگ </head> قالبت بزار
<script src="{THEME}/sliderengine/amazingslider.js"></script>
<link rel="stylesheet" type="text/css" href="{THEME}/sliderengine/amazingslider-1.css">
<script src="{THEME}/sliderengine/initslider-1.js"></script>

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

حالا جایی که میخوای اسلایدر رو نمایش بدی کد زیر رو قرار بده

<!--start slider!-->
		<div id="amazingslider-wrapper-1" style="display:block;position:relative;max-width:900px;margin:0px auto 0px;">
			<div id="amazingslider-1" style="display:block;position:relative;margin:0 auto;">
				<ul class="amazingslider-slides" style="display:none;">
					{Custom category="1" template="slide" aviable="global" from="0" limit="8" order="date" cache="no"}
				</ul>
			</div>
		</div>
		<!--End slider!-->

این کد موضوعات خبر رو با آیدی ۱ رو نمایش میده

 
با نرم افزار زیاد درگیر کد نویسی نمیشی 
 
با نرم افزار با توجه به عرض قالبت اسلایدر خودتو بساز و با فایلهایی که تو پوشه sliderengine هست جایگزین بکن و تو قسمت
{Custom category="1" template="slide" aviable="global" from="0" limit="8" order="date" cache="no"}

category="1" عدد ۱ رو با آی دی موضوعی که میخوای اینجا نمایش بدی عوض کن

 

توجه کن که حتما باید یه تصویر تو قسمت مطلبت ارسال کنی

 

واگه میخوای تصوری که میزاری بهتر نمایش داده بشه اول هک زیر رو استفاده بکن و تو فایل slide.tpl از کد زیر استفاده بکن

آموزش ساخت تصاویر بند انگشتی مطالب به صورت اتوماتیک

<li>
	[full-link]<img src="/engine/tm.php?src={image-1}&q=100&a=c&h=360&w=900"   />[/full-link]
</li>
               

  • 1

---------------------------------------------------------

http://www.iraya.ir



2 کاربر در حال خواندن این موضوع است

0 کاربر، 2 مهمان و 0 عضو مخفی