Jump to content
  • 0

Съезжает слайдер у шаблона WP


kaito69
 Share

Question

Есть вот такой шаблон.Если нужно будет скачать то тут При уменьшении масштаба, тоесть при отдалении начинает уезжать слайдер,может кто то знает как это исправить? Вот код слайдера:

<?php wp_reset_query(); ?>
<?php
$args = array('showposts' => $wpzoom_featured_posts_posts, 'orderby' => 'date', 'order' => 'DESC');

$featType = $wpzoom_featured_type;

if ($featType == 'Tag')
{
$args['tag'] = "$wpzoom_featured_slug"; // Breaking tag slug
}
elseif ($featType == 'Category')
{
$args['cat'] = "$wpzoom_featured_slug"; // Breaking tag slug
}
?>

<div id="featPosts" class="box">
<div class="title <?php echo strtolower($wpzoom_featured_posts_color); ?>"><h2><?php _e('Featured Posts','wpzoom');?></h2></div><!-- end .title -->
<?php
query_posts($args);
$i = 0;
if ( have_posts() ) : ?>
<ul class="posts jcarousel-skin-wpzoom" id="jCarousel">
<?php
while (have_posts()) : the_post();
$i++;
unset($posttype, $img);
$posttype = get_post_meta($post->ID, 'wpzoom_post_type', true);
?>
<li>
<?php
if ( current_theme_supports( 'post-thumbnails' ) && has_post_thumbnail() ) {
$thumbURL = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), '' );
$img = $thumbURL[0];
}

else {
unset($img);
if ($wpzoom_cf_use == 'Yes')
{
$img = get_post_meta($post->ID, $wpzoom_cf_photo, true);
}
else
{
if (!$img)
{
$img = catch_that_image($post->ID);
}
}
}

if ($img){
$img = wpzoom_wpmu($img);
?>
<div class="cover">
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<?php echo $img ?>&h=160&w=280&zc=1" width="280" height="160" alt="<?php the_title(); ?>" /></a>
<p class="datetime"><?php the_time("M j, Y G:i"); ?></p><?php if ($posttype != 'Default (no icon)' && $posttype) { echo'<span class="'.strtolower($posttype).'"> </span>'; } ?>
</div><?php } ?>

<h3><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
<?php the_excerpt(); ?>
<div class="cleaner"> </div>
</li>
<?php endwhile; // ?>
</ul>

<?php else : ?>

<p class="title"><?php _e('There are no posts in this category', 'wpzoom');?></p>

<?php endif; ?>
<div class="cleaner"> </div>
</div>
<?php wp_reset_query(); ?>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#jCarousel').jcarousel({
scroll: 2,
visible: 2,
wrap: 'circular'
});
});
</script>

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

навскидку:

сделать в файле style.css так: (заместо того, что есть сейчас)


#featPosts, #main {
float: left;
display: inline;
width: 63%;
}

#quickPosts, #sidebar {
float: right;
display: inline;
width: 32%;
}

Жалко, но не помогло (( Все равно спасибо, за попытку.

Link to comment
Share on other sites

  • 0

можете скриншот показать?

мне помогает даже если я просто убираю

margin-right: 10px;

у #featPosts, #main

Я и так попробовал поменять, и просто убрать. Вот 2 скрина, при разных отдалениях.

http://imageshack.us/photo/my-images/836/68719230.png/

http://imageshack.us/photo/my-images/29/46824225.png/

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy