رفتن به مطلب

افزونه اسلایدشو نواری


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

سلام

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

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

کلی جستجو کردم

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

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

http://dl313.ir/wp-content/uploads/2014/02/Untitled-1.jpg

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

لینک به ارسال

نظر من استفاده از جیکوئری برای متحرک سازی

و یا کد <marquee> میباشد(پیشنهاد نمیکنم)

اما با کد زیر میتونید به راحتی به حرکت دربیارید :

<marquee>
<img src="[url="https://www.google.com/images/srpr/logo11w.png"]https://www.google.c...rpr/logo11w.png[/url]">
</marquee>

نمونه کد:

http://jsbin.com/IVenUWi/1/edit

لینک به ارسال

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

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

Wp-jalali ,

Ajax-comments ,

Wp-pagenavi ,

Wp-postviews

این چارتا داخل فایل بود

لینک به ارسال

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

Wp-jalali ,

Ajax-comments ,

Wp-pagenavi ,

Wp-postviews

این چارتا داخل فایل بود

هیچکدام نیست

باز میگم همون کدی که گفتم راحت تره نمون زیر ببینید

http://jsbin.com/IVenUWi/2/edit

لینک به ارسال

هیچکدام نیست

باز میگم همون کدی که گفتم راحت تره نمون زیر ببینید

http://jsbin.com/IVenUWi/2/edit

الان اینی که شما گذاشتی خیلی خوبه ولی وقتی روی یه عکس میری بازم حرکت میکنه و متوقف نمیشه

این امکانو چجوری میشه اضافه کرد؟

ممنونم

لینک به ارسال

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

Wp-jalali ,

Ajax-comments ,

Wp-pagenavi ,

Wp-postviews

این چارتا داخل فایل بود

این افزونه ها ربطی به اسلایدر نداره

Wp-jalali : افزونه برای فارسی سازی

Ajax-comments : افزونه ی برای آژاکس کردن کامنت ها

Wp-pagenavi : صفحه بندی

Wp-postviews : بازدید صفحه

شما از همون کد دوستمون استفاده کن ، راحتتری

لینک به ارسال

بفرمایید کد ویرایش شد چک کنید

http://jsbin.com/IVenUWi/4

ممنونم

یعنی الان باید همه اون کدارو بذارم اونجایی که میخوام نمایش داده بشه؟!

خیلی زیاده که

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

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

لینک به ارسال

نه شما کافیه کد زیر در محل دلخواه قرار دهید


<marquee onmouseover="this.stop()" onmouseout="this.start()">
<a href="url"><img src="img url" ></a>
</marquee>

img url=Link Images

url=Link

لینک به ارسال

نه شما کافیه کد زیر در محل دلخواه قرار دهید


<marquee onmouseover="this.stop()" onmouseout="this.start()">
<a href="url"><img src="img url" ></a>
</marquee>

img url=Link Images

url=Link

آقا خیلی ازت ممنون

خیلی لطف کردی

موفق باشی

لینک به ارسال

برای تبدیل نئوشته ها این کد رو درست کردم برات


<?php
$smallslideractivte = get_option('Mostafa_smallslider_activate');
$smallslidercat = get_option('Mostafa_smallslider_cat');
$smallslidernum = get_option('Mostafa_smallslider_number');
?>
<?php if ($smallslideractivte == 1) { ?>
<?php echo '<marquee onmouseover="this.stop()" onmouseout="this.start()">' ?>
<?php $the_query = new WP_Query(array('order' =>'descending','orderby' =>'ID','cat' => $smallslidercat ,'posts_per_page' => $smallslidernum)); ?>
<?php while ($the_query->have_posts()) : $the_query->the_post(); ?>
<?php if ( has_post_thumbnail() ) { ?>
<a href="<?php the_permalink() ?>"><?php the_post_thumbnail(array(100,100))?> </a>
<?php } else { ?>
<a href="<?php the_permalink() ?>"><img alt="No Image" src="<?php echo get_stylesheet_directory_uri();?>/images/no-image.png" width="100" height="100" /></a>
<?php } ?>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
<?php echo '</marquee>' ?>
<?php } ?>

قسمت پنل ادمین هم خودت درست کن

لینک به ارسال
  • 2 هفته بعد...

برای تبدیل نئوشته ها این کد رو درست کردم برات


<?php
$smallslideractivte = get_option('Mostafa_smallslider_activate');
$smallslidercat = get_option('Mostafa_smallslider_cat');
$smallslidernum = get_option('Mostafa_smallslider_number');
?>
<?php if ($smallslideractivte == 1) { ?>
<?php echo '<marquee onmouseover="this.stop()" onmouseout="this.start()">' ?>
<?php $the_query = new WP_Query(array('order' =>'descending','orderby' =>'ID','cat' => $smallslidercat ,'posts_per_page' => $smallslidernum)); ?>
<?php while ($the_query->have_posts()) : $the_query->the_post(); ?>
<?php if ( has_post_thumbnail() ) { ?>
<a href="<?php the_permalink() ?>"><?php the_post_thumbnail(array(100,100))?> </a>
<?php } else { ?>
<a href="<?php the_permalink() ?>"><img alt="No Image" src="<?php echo get_stylesheet_directory_uri();?>/images/no-image.png" width="100" height="100" /></a>
<?php } ?>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
<?php echo '</marquee>' ?>
<?php } ?>

قسمت پنل ادمین هم خودت درست کن

اینو گذاشتم اما هیچی نمیادش

عکسشم عوض کردم

لینک به ارسال

چون من مقداری متغییر رو از کنترل پنل ادمین فراخوانی میکنم

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


$smallslideractivte = get_option('Mostafa_smallslider_activate');
$smallslidercat = get_option('Mostafa_smallslider_cat');
$smallslidernum = get_option('Mostafa_smallslider_number');

مثلا اینجوری


$smallslideractivte = 1;
$smallslidercat = 3;
$smallslidernum = 10;

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

post-3253-0-23832000-1392766174_thumb.pn

ویرایش شده توسط SANBOR
لینک به ارسال
  • 2 هفته بعد...

با سلام اگه لطف کنید یه نگاه به سایت من بندازید چکار کنم که با رفتن موس بر روی تصویر ، تصاویر مکث داشته باشه/ و چکار کنم تصاویر بهم نچسبند و فاصله ای با هم داشته باشند

از کد زیر استفاده کردم:

<marquee onmouseover="this.stop()" onmouseout="this.start()">

<a href="url"><img src="img url" ></a>

</marquee>

لینک به ارسال

با سلام اگه لطف کنید یه نگاه به سایت من بندازید چکار کنم که با رفتن موس بر روی تصویر ، تصاویر مکث داشته باشه/ و چکار کنم تصاویر بهم نچسبند و فاصله ای با هم داشته باشند

از کد زیر استفاده کردم:

<marquee onmouseover="this.stop()" onmouseout="this.start()">

<a href="url"><img src="img url" ></a>

</marquee>

ببینید شما در 2 تاپیک 1 سوال پرسیدید

لطفا فقط در 1 جا سوال و منتظر جواب باشید

لینک به ارسال
با سلام اگه لطف کنید یه نگاه به سایت من بندازید چکار کنم که با رفتن موس بر روی تصویر ، تصاویر مکث داشته باشه/ و چکار کنم تصاویر بهم نچسبند و فاصله ای با هم داشته باشند از کد زیر استفاده کردم: img%20url

ببینید شما در 2 تاپیک 1 سوال پرسیدید

لطفا فقط در 1 جا سوال و منتظر جواب باشید

لینک به ارسال

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

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...