رفتن به مطلب
توقف فعالیت انجمن وردپرس پارسی، و ادامه فعالیت در انجمن رسمی وردپرس(کلیک کنید) ×
توقف فعالیت انجمن وردپرس پارسی، و ادامه فعالیت در انجمن رسمی وردپرس(کلیک کنید)

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

M.Javad

توسط M.Javad،
در برنامه نویسی استاتیک

دنبال‌کننده 0

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

M.Javad

M.Javad 684

ارسال شده در
ارسال شده در

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


$('.maghale ul li:first').appendTo('.maghale ul');

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

لطفا راهنمایی کنید

ممنون

لینک به ارسال
M.Javad

M.Javad 684

ارسال شده در
  • مالک
ارسال شده در

ببخشید یه سوال من کد رو برای وردپرس میخوام کلاس first o last رو نمیشه بدم بهش


<?php 
	 $portfolio = new WP_Query(array(
	 'post_status' =>'publish',
	 'post_type' =>'post',
	 'cat' =>'3832',
	 'posts_per_page' =>'15',
	 'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1 
	 ));
  ?>
  <ul class="slideshow" style="padding:0;margin:0;list-style-type:none;overflow:hidden;height:210px;border:1px solid #CCC;">
<?php if($portfolio->have_posts()) :
	 while($portfolio->have_posts()) : $portfolio->the_post();?>
<li class="first"><a href="<?php $dl = get_post_meta($post->ID, 'gallery', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'gallery', true); ?><?php echo $dl; ?>"  ></a></li>
<?php endwhile; ?> 
	 <?php endif; ?>

</ul>

این کد منه

لینک به ارسال
imanfakhar

imanfakhar 26231

ارسال شده در
ارسال شده در

چرا نمی شه می شه 


<?php
		 $portfolio = new WP_Query(array(
		 'post_status' =>'publish',
		 'post_type' =>'post',
		 'cat' =>'3832',
		 'posts_per_page' =>'15',
		 'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
		 ));
  ?>
  <ul class="slideshow" style="padding:0;margin:0;list-style-type:none;overflow:hidden;height:210px;border:1px solid #CCC;">
<?php $x=1;
if($portfolio->have_posts()) :
		 while($portfolio->have_posts()) : $portfolio->the_post();
		 if($x == 1) {
		 $myclass = 'first';
		 }
		 elseif($x == 15) {
		 $myclass = 'last';
		 }
		 else {
		 $myclass = '';
		 }
		 ?>
<li class="<?php echo $myclass;?>"><a href="<?php $dl = get_post_meta($post->ID, 'gallery', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'gallery', true); ?><?php echo $dl; ?>"  ></a></li>
<?php
$x = $x+1;
endwhile; ?>
		 <?php endif; ?>
</ul>

از طریق ژنراتور کوئری ساز به بخش کوئری های آماده برید یک اسلاید شو هم اونجا معرفی شده شاید به دردتون خورد.

  • امتیاز 2
لینک به ارسال
  • 1 ماه بعد...
M.Javad

M.Javad 684

ارسال شده در
  • مالک
ارسال شده در

سلام.میخواستم ببینم میشه از تعداد 16 تا عکسی که من به اسلایدر دادم و از طریق زمینه دلخواه قرار داده میشه عکسا فقط 3تاش رو توی اسلایدشو نشون بده؟!

ممنون میشم کسی بتونه کمک کنه


<script type="text/javascript">
$(document).ready(function() {
$(".slideshow li").hide();
$(".slideshow li.first").show().addClass("active");
function myslideshow() {
setTimeout(function() {
$(".slideshow li.active").each(function() {
  if($(this).hasClass("last")) {
  $(this).slideUp("slow").removeClass("active");
  $(".first").slideDown("slow").addClass("active");
  }
  else {
  $(this).slideUp("slow").removeClass("active").next("li").slideDown("slow").addClass("active");
  }
});
$(".slideshow li").promise().done(function() {
myslideshow();
});
},5000);
}
myslideshow();
});
</script>

لینک به ارسال
imanfakhar

imanfakhar 26231

ارسال شده در
ارسال شده در

این کد کد جی کوئریه و ربطی به تعداد تصاویر نداره تعداد تصاویر رو باید تو کدهای احضارشون مدیریت کنید

  • امتیاز 1
لینک به ارسال
M.Javad

M.Javad 684

ارسال شده در
  • مالک
ارسال شده در

میخوام از 16تا عکسی که توی اسلایدر نمایش میده فقط 5تاشو نمایش بده ولی وقتی روی یکیش کلیک میشه 16تا عکس رو مثل الان توی گالری پاپ آپ نشون بده

اینم کد


<?php
				 $portfolio = new WP_Query(array(
				 'post_status' =>'publish',
				 'post_type' =>'post',
				 'cat' =>'3832',
				 'posts_per_page' =>'5',
				 'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
				 ));
  ?>
  <ul class="slideshow" style="padding:0;margin:0;list-style-type:none;overflow:hidden;height:210px;border:1px solid #CCC;">
<?php
if($portfolio->have_posts()) :
				 while($portfolio->have_posts()) : $portfolio->the_post(); ?>
<li class="first"><a href="<?php $dl = get_post_meta($post->ID, 'a1', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a1', true); ?><?php echo $dl; ?>"  ></a></li>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a2', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a2', true); ?><?php echo $dl; ?>"  ></a></li>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a3', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a3', true); ?><?php echo $dl; ?>"  ></a></li>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a4', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a4', true); ?><?php echo $dl; ?>"  ></a></li>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a5', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a5', true); ?><?php echo $dl; ?>"  ></a></li>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a6', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a6', true); ?><?php echo $dl; ?>"  ></a></li>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a7', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a7', true); ?><?php echo $dl; ?>"  ></a></li>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a8', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a8', true); ?><?php echo $dl; ?>"  ></a></li>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a9', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a9', true); ?><?php echo $dl; ?>"  ></a></li>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a10', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a10', true); ?><?php echo $dl; ?>"  ></a></li>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a11', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a11', true); ?><?php echo $dl; ?>"  ></a></li>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a12', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a12', true); ?><?php echo $dl; ?>"  ></a></li>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a13', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a13', true); ?><?php echo $dl; ?>"  ></a></li>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a14', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a14', true); ?><?php echo $dl; ?>"  ></a></li>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a15', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a15', true); ?><?php echo $dl; ?>"  ></a></li>
<li class="last"><a href="<?php $dl = get_post_meta($post->ID, 'a16', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a16', true); ?><?php echo $dl; ?>"  ></a></li>
<?php endwhile; ?>
				 <?php endif; ?>
</ul>

لینک به ارسال
M.Javad

M.Javad 684

ارسال شده در
  • مالک
ارسال شده در (ویرایش شده)

این کد رو گذاشتم بازم نشد


<?php
                 $portfolio = new WP_Query(array(
                 'post_status' =>'publish',
                 'post_type' =>'post',
                 'cat' =>'3832',
                 'posts_per_page' =>'5',
                 'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
                 ));
  ?>
<ul class="slideshow" style="padding:0;margin:0;list-style-type:none;overflow:hidden;height:210px;border:1px solid #CCC;">
<?php 
$c=1;
if($portfolio->have_posts()) : ?>
<li class="first"><a href="<?php $dl = get_post_meta($post->ID, 'a<?php echo $c ?>', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a<?php echo $c; ?>', true); ?><?php echo $dl; ?>"  ></a></li>
            <?php while($portfolio->have_posts()) : $portfolio->the_post(); ?>
<li><a href="<?php $dl = get_post_meta($post->ID, 'a<?php echo $c ?>', true); ?><?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php $dl = get_post_meta($post->ID, 'a<?php echo $c; ?>', true); ?><?php echo $dl; ?>"  ></a></li>
<?php $c++; ?>
<?php endwhile; ?>
                 <?php endif; ?>
</ul>

ویرایش شده توسط M.Javad
لینک به ارسال
imanfakhar

imanfakhar 26231

ارسال شده در
ارسال شده در 


<?php
								 $portfolio = new WP_Query(array(
								 'post_status' =>'publish',
								 'post_type' =>'post',
								 'cat' =>'3832',
								 'posts_per_page' =>'5',
								 'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
								 ));
if($portfolio->have_posts()) :
?>
  <ul class="slideshow" style="padding:0;margin:0;list-style-type:none;overflow:hidden;height:210px;border:1px solid #CCC;">
<?php
								 while($portfolio->have_posts()) : $portfolio->the_post();
								 $x =1
								 while($x<17) {
								 $a = 'a'.$x;
								 $dl =  get_post_meta($post->ID, $a, true);
								 $cls ='';
								 if($x == 1 ) {
								 $cls = 'first';
								 }
								 elseif($x=='5') {
								 $cls = 'last';
								 }
								 elseif($x >5) {
								 $cls = "hidden";
								 }

?>
<li class="<?php echo $cls;?>"><a href="<?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php echo $dl; ?>"  ></a></li>
<?php
$x +=1;
}
endwhile; ?>
</ul>
<?php endif; ?>
<?php wp_reset_query();?>

تست کنید و نتیجه را بگید

به کلاس hidden در استایل بندی خاصیت display:none بدهید

  • امتیاز 2
لینک به ارسال
M.Javad

M.Javad 684

ارسال شده در
  • مالک
ارسال شده در 


<?php
								 $portfolio = new WP_Query(array(
								 'post_status' =>'publish',
								 'post_type' =>'post',
								 'cat' =>'3832',
								 'posts_per_page' =>'5',
								 'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
								 ));
if($portfolio->have_posts()) :
?>
<ul class="slideshow" style="padding:0;margin:0;list-style-type:none;overflow:hidden;height:210px;border:1px solid #CCC;">
<?php
								 while($portfolio->have_posts()) : $portfolio->the_post();
								 $x =1
								 while($x<17) {
								 $a = 'a'.$x;
								 $dl = get_post_meta($post->ID, $a, true);
								 $cls ='';
								 if($x == 1 ) {
								 $cls = 'first';
								 }
								 elseif($x=='5') {
								 $cls = 'last';
								 }
								 elseif($x >5) {
								 $cls = "hidden";
								 }

?>
<li class="<?php echo $cls;?>"><a href="<?php echo $dl; ?>" title="برای بزرکنمایی کلیک کنید"><img src="<?php echo $dl; ?>" ></a></li>
<?php
$x +=1;
}
endwhile; ?>
</ul>
<?php endif; ?>
<?php wp_reset_query();?>

تست کنید و نتیجه را بگید

به کلاس hidden در استایل بندی خاصیت display:none بدهید

از خط while اررور گرفت


Parse error: syntax error, unexpected T_WHILE in /home/boursamo/public_html/wp-content/themes/Silver/sidebar.php on line 39

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

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



ورود به حساب کاربری
دنبال‌کننده 0
برو به فهرست موضوع ها
×
×
  • اضافه کردن...