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

aliali100 · آذر 92

سلام به همه عزیزان

من میخواستم توی قالبم یک اسلایدشو اضافه کنم

این لینک دانلود اسلایدشو

http://nivo.dev7studios.com/pricing

من تازه یادگرفتم با css قالب طراحی کنم وحرفه ای نیستم

ممنون میشم اگر کسی به زبان ساده بگه که من باید چه جوری این اسلایدشو رو اضافه کنم

ممنون از همگی

ویرایش شده آذر 92 توسط saman_kiyani

Farzad · آذر 92

سایتی که دادین باز نمیشه دوست عزیز

شات اسکرین و یا نمونه مشابه دیگه ای بدید تا راهنمایی کنیم. ...

Alireza Xn · آذر 92

کار خاصی نداره فقط باید کد های css مربوط به اسلاید شو رو در فایل استایل قالبتون قرار بدید کد های جی کوئری رو هم در header

بعد کد های html رو در هر جایی که مد نطرتون هست تا اسلایدر به نمایش در بیاد قرار بدید

Farzad · آذر 92

کار خاصی نداره فقط باید کد های css مربوط به اسلاید شو رو در فایل استایل قالبتون قرار بدید کد های جی کوئری رو هم در header
بعد کد های html رو در هر جایی که مد نطرتون هست تا اسلایدر به نمایش در بیاد قرار بدید

البته اگر کپی رایت رو نقض نکنه

aliali100 · آذر 92

ممنون از همه عزیزان

من خودم اسلایدشو رو ضمیمه کردم

Slides-SlidesJS-3.zip

ممنون میشم اگر کمکم کنید

Farzad · آذر 92

فایلی که ضمیمه کردین شامل 6 نوع اسلایدر هست

برای استفاده از اینها کافیه همون کاری رو انجام بدین که در پست 3# گفتند خدمت تون

کار خاصی نداره فقط باید کد های css مربوط به اسلاید شو رو در فایل استایل قالبتون قرار بدید کد های جی کوئری رو هم در header
بعد کد های html رو در هر جایی که مد نطرتون هست تا اسلایدر به نمایش در بیاد قرار بدید

aliali100 · آذر 92

ممنون

من از اسلایدشو basic-fade میخوام استفاده کنم

فایل jquery.slides.min رو کپی کردم تو فولدر اصلی قالبم

عکسهای درونش رو کپی کردم تو فولدر image

حالا فایل index رو توی دریم ویور باز کردم

برای کدهای css ممنون میشم اگر بگید که باید از کجا تا کجا کپی کنم؟

برای کدهای جی

کوئری

ممنون میشم اگر بگید که باید از کجا تا کجا کپی کنم؟

برای کدهای html رو باید از کجا تا کجا کپی کنم؟

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

ویرایش شده آذر 92 توسط saman_kiyani

Farzad · آذر 92

برای اینکه بتونین استفاده کنین

باید توی فایل خودتون این کد ها رو برای جی کوئری فراخوانی کنید»

 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

$(function() {

$('#slides').slidesjs({

width: 940,

height: 528,

navigation: {

effect: "fade"

},

pagination: {

effect: "fade"

},

effect: {

fade: {

speed: 400

}

});

</script>

و این کد های استایل ، برای واکنشگرا بودن کلی اسلایدر

 <style>

/* Prevent the slideshow from flashing on load */

#slides {

display: none

}

/* Center the slideshow */

.container {

margin: 0 auto

}

/* Show active item in the pagination */

.slidesjs-pagination .active {

color:red;

}

/* Media quires for a responsive layout */

/* For tablets & smart phones */

@media (max-width: 767px) {

body {

padding-left: 10px;

padding-right: 10px;

}

.container {

width: auto

}

/* For smartphones */

@media (max-width: 480px) {

.container {

width: auto

}

/* For smaller displays like laptops */

@media (min-width: 768px) and (max-width: 979px) {

.container {

width: 724px

}

/* For larger displays */

@media (min-width: 1200px) {

.container {

width: 1170px

}

</style>

+ این کد های HTML هم با چیزی که میخواین مچ کنید و تغییر بدید

 <div class="container">

</div>

کافیه فقط کد های بالا رو داخل یک فایل HTML خالی با این base فراخوانی کنید :

<!doctype html>

<html>

<head>

<title>SlidesJS Basic Code Example</title>

</head>

<body>

</body>

</html>

aliali100 · آذر 92

سلام به شما دوست شریف

خیلی متشکرم که صبر به خرج میدید و جوابم رو میدید

من دقیقا تمام کدهای

جی کوئری رو قبل از تگ head قالبم کپی کردم

برای کدهای css هم از

/* Prevent the slideshow from flashing on load */

کپی کردم

یعنی دیگه تگ style قبلش رو نیاوردم و همه کدها رو توی فایل css خودم کپی کردم

کدهای html رو هم توی جای مورد نظر کپی کردم

فایل

جی کوئری رو هم تو فولدر اصلی گذاشتم و عکس ها رو هم توی فولدر image

ولی باز هم هیچ چیزی تغییر نمیکنه

ویرایش شده آذر 92 توسط saman_kiyani

Farzad · آذر 92

فایل های جی کوئری رو طبق کد فراخوانی شده در HTML


<script src="js/jquery.slides.min.js"></script>

باید در فولدر JS قرار بدید .

aliali100 · آذر 92

آقا فرزاد حقیقتش من خیلی مبتدی هستم و متوجه نمیشم شما چی میگید

ساختار سایت من

فولدر اصلی به نام

saman

توی فولد اصلی یک فولدر دارم به نام

image

و یک فولدر دارم به نام

font

و 2تا فایل دارم

یکی

index.php

یکی

style.css

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

داخل فولدر

examples

شدم

بعد فولدر

basic-fade

رو باز کردم

بعد فولدر

js

رو باز کردم و فایل درونش رو کپی کردم تو فولدر saman

بعد عکسهای توی فولدر img رو کپی کردم و ذخیره کردم توی فولدر imge خودم

بعد فایل index.html رو باز کردم و کدهایی که شما گفته بودید رو طبق فرمایشات شما کپی کردم درون فایل index.php و style.css خودم

کار اضافه تر از این هم انجام ندادم

ممنون میشم اگر راهنمایی کنید

aliali100 · آذر 92

سلام به همه عزیزان

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

ممنون میشم اگر کمک کنه

Milad123 · آذر 92

سلام

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

meta slider

امکانات زیادی داره،احتمالا به کارتون میاد!

aliali100 · آذر 92

سلام

خیلی ممنون هستم از شما

منتها من میخوام به صورت افزونه نباشه

دستی وارد کنم

**Parsa** · آذر 92

الان مشکلی چی هست؟

Farzad · آذر 92

دوست عزیز شما گفتین وقتی دکمه رو میزنین ، عمل نمی کنه

با توجه به کد HTML که شما قرار داده بودید ، فایل جی کوئری باید در شاخه JS باشه.

منتقلش کردید به این شاخه ؟

دقیقا مشکل چی هست ؟

aliali100 · آذر 92

سلام

الان مشکلم اینه که من طق فرمایشات شما عمل کردم ولی هیچ اتفاقی در قالبم نیفتاد

**Parsa** · آذر 92

خروجی html را دارید؟

استایل به چه شکل هست؟

افکت مشکل دارد؟

(با مرورگر کروم آخرین نگارش یا فایرباگ فایرفاکس بخش کنسول خطایی اگر دارد اینجا بنوسید)

aliali100 · آذر 92

سلام

من یک فایل index.php دارم که توش کدهای

 <script src="http://code.jquery.c...n.js"></script>
<script src="js/jquery.slides.min.js"></script>
<script>
$(function() {
		 $('#slides').slidesjs({
		 width: 940,
		 height: 528,
		 navigation: {
				 effect: "fade"
		 },
		 pagination: {
				 effect: "fade"
		 },
		 effect: {
				 fade: {
				 speed: 400
				 }
		 }
		 });
});
</script>

رو قبل از تگ head کپی کردم

بعدش

/* Prevent the slideshow from flashing on load */
#slides {
		 display: none
}
/* Center the slideshow */
.container {
		 margin: 0 auto
}
/* Show active item in the pagination */
.slidesjs-pagination .active {
		 color:red;
}
/* Media quires for a responsive layout */
/* For tablets & smart phones */
@media (max-width: 767px) {
		 body {
		 padding-left: 10px;
		 padding-right: 10px;
		 }
		 .container {
		 width: auto
		 }
}
/* For smartphones */
@media (max-width: 480px) {
		 .container {
		 width: auto
		 }
}
/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
		 .container {
		 width: 724px
		 }
}
/* For larger displays */
@media (min-width: 1200px) {
		 .container {
		 width: 1170px
		 }
}

توی فایل css.style کپی کردم

بعدش این کدها رو

 <div class="container">
<div id="slides">
		 <img src="img/example-slide-1.jpg" alt="Photo by: Missy S Link: /">
		 <img src="img/example-slide-2.jpg" alt="Photo by: Daniel Parks Link: /">
		 <img src="img/example-slide-3.jpg" alt="Photo by: Mike Ranweiler Link: /">
		 <img src="img/example-slide-4.jpg" alt="Photo by: Stuart SeegerLink: /">
</div>
</div>

توی فایل index.php تو قسمتی که میخوام اسلایدشو نمایش داده بشه کپی کردم

بعدش فولدر js و img رو کپی کردم تو فولدر اصلی سایتم / یعنی کنار index.php و style.css

حالا توی سایتم هیچ اتفاقی نمیفته

نکته: تو کدهای آقا فرزاد برای بخش css اولش با تگ <style> شروع میشه و آخرش با همین تگ بسته میشه

که من وقتی این 2تگ رو برمیدارم چیزی نمایش داده نمیشه و وقتی میزارم باشه فقط 4تا عکس اسلایدشو زیرهم نمایش داده میشه

ممنون میشم اگر راهنمایی کنید

imanfakhar · آذر 92

باید در کدهای فراخوانی قبل از نشانی پوشه این کد را هم اضافه کنید


<?php bloginfo('template_url'); ?>/

یعنی


<script src="/js/jquery.slides.min.js"></script>

بشه


<script src="<?php bloginfo('template_url'); ?>/js/jquery.slides.min.js"></script>

کدهای style را هم بدون تگ در فایل style.css بگذارید

aliali100 · آذر 92

سلام

من وقتی کاری رو که شما گفتید رو انجام دادم کل صفحه سایتم سیاه شد

aliali100 · آذر 92

دوستان مشکل من حل شد

با سپاس از زحمات بی کران شما عزیزان ارجمند

موفق باشید

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

پست های پیشنهاد شده

aliali100 57

لینک به ارسال

Farzad 3805

لینک به ارسال

Alireza Xn 1644

لینک به ارسال

Farzad 3805

لینک به ارسال

aliali100 57

لینک به ارسال

Farzad 3805

لینک به ارسال

aliali100 57

لینک به ارسال

Farzad 3805

لینک به ارسال

aliali100 57

لینک به ارسال

Farzad 3805

لینک به ارسال

aliali100 57

لینک به ارسال

aliali100 57

لینک به ارسال

Milad123 285

لینک به ارسال

aliali100 57

لینک به ارسال

Parsa 23463

لینک به ارسال

Farzad 3805

لینک به ارسال

aliali100 57

لینک به ارسال

Parsa 23463

لینک به ارسال

aliali100 57

لینک به ارسال

imanfakhar 26231

لینک به ارسال

aliali100 57

لینک به ارسال

aliali100 57

لینک به ارسال

به گفتگو بپیوندید