اسلایدر کشوی برای وردپرس

omid_r · خرداد 93

با سلام

یک اسلایدر کشوی برای وردپرس میخوام (افزونه یا کد) که در بالای سایت که قرارش میدم، داخل تمام صفحات به صورت بسته باشه ...

ولی وقتی کاربر داخل یک دسته یا مطلبی از دسته هست، اون تصویر مربوط به همون دسته (که براش تعریف میشه) به صورت باز شده بمونه!

فکر کنم منظورم رو خوب رسونده باشم.

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

با تشکّر

Black_Sky · خرداد 93

افزونه های زیادی وجود دارد و قبلا بحث شده بهتره جستجو کنید و یک مثال آنلاین هم بزنید

موفق باشید

omid_r · خرداد 93

من دنبال گشتم ولی یه چیزی که مورد پندم باشه پیدا نکردم!

نمونه سایت (صفحه مورد نظر) : لینک

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

سپاس

ویرایش شده خرداد 93 توسط omid_r

Black_Sky · خرداد 93

برای وردپرسی شدن کافیست یک کوئری بگیرید و نمایش بدید

نمونه:

http://jsbin.com/casan/1/

<!DOCTYPE HTML>

<head>

<title>اسلايدر کشويي </title>

<style>

html { overflow-y: scroll }

body { font: 14px/24px 'B Yekan', tahoma, Arial; color: #333; margin: 30px auto 60px; background: #817F7E }

.wrapper { max-width: 900px; margin: 0 auto }

.wrapper > ul { margin: 0; padding: 0 }

.wrapper > ul > li { display: inline-block; padding-right: 12px; margin-right: 8px; border-right: 1px solid black; line-height: 12px; }

.wrapper > ul > li a { text-decoration: none }

.wrapper > ul > li a:hover { text-decoration: underline }

</style>

</head>

<body>

<ol>

<li><h2><span>اسلايد اول</span></h2>

<div>

</div>

</li>

<li>

<h2><span>اسلايد دوم</span></h2>

<div>

</div>

</li>

<li>

<h2><span>اسلايد سوم</span></h2>

<div>

</div>

</li>

<li>

<h2><span>اسلايد چهارم</span></h2>

<div>

<p class="ap-caption">عکس چهارم</p>

</div>

</li>

<li>

<h2><span>اسلايد پنجم</span></h2>

<div>

</div>

</li>

</ol>

<p>Please enable Javascript to get the full experience.</p>

</noscript>

(function() {

$('#dark').accordionPro({"orientation":"horizontal","theme":"dark"});

})();

</script>

</div>

</body>

</html>

omid_r · خرداد 93

ممکنه بیشتر راهنمایی کنید ؟!

همین دمویی که آماده کردید خیلی خوبه فقط :

1- میخوام با بردن موس روی عنوان، عکس بزرگ بشه نه با کلیک!

2- میخوام با وردپرس هماهنگ بشه. (جهت نمایش)

3- اگر ممکن باشه در هر دسته مربوط همون اسلایدی رو که قبلاً براش تعریف میکنم (با آی دی یا با هر چیز دیگه!) همون رو باز نگه داره.

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

سپاس

Black_Sky · خرداد 93

ابعاد و موارد بالا برطرف شد تست کنید

<!DOCTYPE HTML>

<head>

<title>اسلايدر کشويي </title>

<style>

html { overflow-y: scroll }

body { font: 14px/24px 'B Yekan', tahoma, Arial; color: #333; margin: 30px auto 60px; background: #817F7E }

.wrapper { max-width: 900px; margin: 0 auto }

.wrapper > ul { margin: 0; padding: 0 }

.wrapper > ul > li { display: inline-block; padding-right: 12px; margin-right: 8px; border-right: 1px solid black; line-height: 12px; }

.wrapper > ul > li a { text-decoration: none }

.wrapper > ul > li a:hover { text-decoration: underline }

</style>

</head>

<body>

<ol>

<?php

$my_query = new WP_Query('showposts=3&cat=1');

while ($my_query->have_posts()):

$my_query->the_post();

$do_not_duplicate = $post->ID;?>

<li>

<div>

</div>

</li>

<?php endwhile; ?>

</ol>

<p>Please enable Javascript to get the full experience.</p>

</noscript>

(function() {

$('#dark').accordionPro({"orientation":"horizontal","theme":"dark"});

})();

</script>

</div>

</body>

</html>

omid_r · خرداد 93

متاسفانه این کد رو نمیتونم به حالت اجرا در بیارم!

این طور که از داخل کد ها دیدم شما اومدید و تصویر شاخص و مطلب رو فراخوانی کردید ...

من میخوام چند عکس انتخاب کنم و به هر یک لینک بدم؛ و این اسلایدر رو در یک قسمت از قالب قرار بدم.

ممنون میشم بررسی کنید.

تشکّر

Black_Sky · خرداد 93

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

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

omid_r · خرداد 93

شما ببخشید که به زحمتتون انداختم ...

- یعنی الآن این ID دسته رو میگیره و اسلاید مربوط به همون رو باز نگه میداره ؟

- این کد آماده شده رو کجا باید قرار بدم ؟!

(چون نمیتونم اجراش کنم!)

تشکّر

Black_Sky · خرداد 93

بله آیدی دسته مورد نظر بدید تا تصویر شاخص همون دسته به صورت اسلاید نمایش بدهد

2-کد در هر محل که میخواهید میتونید قرار بدید تا نمایش داده شود

ورود

اسلایدر کشوی برای وردپرس

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

omid_r 1

لینک به ارسال

Black_Sky 6349

لینک به ارسال

omid_r 1

لینک به ارسال

Black_Sky 6349

لینک به ارسال

omid_r 1

لینک به ارسال

Black_Sky 6349

لینک به ارسال

omid_r 1

لینک به ارسال

Black_Sky 6349

لینک به ارسال

omid_r 1

لینک به ارسال

Black_Sky 6349

لینک به ارسال

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

فهرست بخش ها

فعالیت ها