• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
U3F

استایل متفاوت برای پست دوم در آخرین مطالب

7 پست در این موضوع قرار دارد

من یک اسلاید شو رو به این صورت ویرایش کردم که آخرین مطالب رو با تصویر که از زمینه دلخواه استفاده شده رو نمایش بده، تو این اسلاید شو تصویر دوم استایل سی اس اسش با بقیه باید متفاوت باشه. دقیقا مثل اسلاشد شو Google Play. اما نمیدونم چطور باید تصویر یا همون پست دوم رو بهش استایل بدم

32997709655052931628.jpg


<ul class="slider"><?php query_posts('showposts=6'); ?><?php while (have_posts()) : the_post(); ?><?php if(get_post_custom_values('cover')) : ?>
<li><a href="<?php the_permalink() ?>" target="_blank"><img src="<?php echo get_post_meta($post->ID, 'cover', true); ?>" alt="<?php the_title(); ?>"></a></li><?php endif; ?>
<?php endwhile;?></ul>

کد جاوا


<script type='text/javascript'>//<![CDATA[
window.addEvent('load', function() {
/**
* sct_slider.js
*/
(function($) {
var slider = $(".slider");
var next = $(".slider-wrapper a[rel='next']");
var prev = $(".slider-wrapper a[rel='prev']");
function sct_woble(element, direction) {
var o_pos = parseInt(slider.css("margin-left"));
if (direction == 'right') {
var n_pos = o_pos - 100;
} else {
var n_pos = o_pos + 100;
console.log(n_pos);
}
slider.animate({
marginLeft: n_pos
}, 100, function() {
slider.animate({
marginLeft: o_pos
}, 500, function() {});
});
}
next.click(function() {
if (slider.is(':animated')) {
return false;
}
if ($('.slider li:last-child').attr('class') == 'active') {
sct_woble(slider, 'right');
return false;
}
var curr_pos = parseInt(slider.css("margin-left"));
var new_pos = curr_pos - 493;
slider.animate({
marginLeft: new_pos
}, 400, function() {
// move active to the next one
slider.find('li.active').removeClass('active').next().addClass('active');
});
});
prev.click(function() {
if (slider.is(':animated')) {
return false;
}
if ($('.slider li:first-child').attr('class') == 'active') {
sct_woble(slider, 'left');
return false;
}
var curr_pos = parseInt(slider.css("margin-left"));
var new_pos = curr_pos + 493;
slider.animate({
marginLeft: new_pos
}, 400, function() {
// move active to the next one
slider.find('li.active').removeClass('active').prev().addClass('active');
});
});
})(jQuery);
});//]]>
</script>

استایلی که تصویر یا پست دوم باید بگیره active هست لطفا راهنمایی کنید

0

به اشتراک گذاری این پست


لینک به پست

یک counter قرار دهید و اگر = 2 بود کلاس جدید را پرینت کنید

3

به اشتراک گذاری این پست


لینک به پست

با جاوا و PHP زیاد اشنایی ندارم زحمت ویرایش کد رو خودتون میکشید ؟

0

به اشتراک گذاری این پست


لینک به پست

<ul class="slider">
<?php $i = 0; query_posts('showposts=6'); while (have_posts()) : the_post();if(get_post_custom_values('cover')) : ?>
<li<?php if($i%2==0){ echo 'class="myclass"';} ?>>
<a href="<?php the_permalink() ?>" target="_blank"><img src="<?php echo get_post_meta($post->ID, 'cover', true); ?>" alt="<?php the_title(); ?>"></a>
</li>
<?php $i++; endif; endwhile;?>
</ul>

برای li های زوج کلاس myclass اضافه میشه.

2

به اشتراک گذاری این پست


لینک به پست

ممنون مرتضی جان، نمیشه فقط به به عدد خاص اون کلاس رو داد ؟ اگر نه برای عدد های فرد کد به چه شکل میشه

0

به اشتراک گذاری این پست


لینک به پست

زوج و فرد


<ul class="slider">
<?php $i = 0; query_posts('showposts=6'); while (have_posts()) : the_post();if(get_post_custom_values('cover')) : ?>
<li<?php if($i%2==0){ echo 'class="myclass"';}else{ echo 'class="myclass2"';} ?>>
<a href="<?php the_permalink() ?>" target="_blank"><img src="<?php echo get_post_meta($post->ID, 'cover', true); ?>" alt="<?php the_title(); ?>"></a>
</li>
<?php $i++; endif; endwhile;?>
</ul>

دومی


<ul class="slider">
<?php $i = 1; query_posts('showposts=6'); while (have_posts()) : the_post();if(get_post_custom_values('cover')) : ?>
<li<?php if($i==2){ echo 'class="myclass"';}else{ echo 'class="myclass2"';} ?>>
<a href="<?php the_permalink() ?>" target="_blank"><img src="<?php echo get_post_meta($post->ID, 'cover', true); ?>" alt="<?php the_title(); ?>"></a>
</li>
<?php $i++; endif; endwhile;?>
</ul>

3

به اشتراک گذاری این پست


لینک به پست

ممنون پارسا جان با کد دومی حل شد

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری