Suporte » Temas » Como resolvo esse problema de JQuery?

  • Olá! Estou tentando criar um slideshow usando os códigos abaixo, mas não funciona. As fotos ainda fica embaixo, fazendo com que não fique movimentando, mas os links estão corretos, só não roda e as fotos ficam abaixo do slide:
    Conto a ajuda dos colegas!

    —Content—

    <!-- destaque -->
                 <div id="myslider" >
                     <ul class="ui-tabs-nav">
    <?php query_posts('showposts=4&category_name=destaques'); $i = 1; if (have_posts()) { while (have_posts()) { the_post(); ?>
                            <li class="ui-tabs-nav-item <?php if ($i == 1) { ?>ui-tabs-selected<?php } ?>"<?php echo 'id="nav-fragment-' . $i . '"><a href="#fragment-' . $i . '">'; ?>
                            <img src="<?php getImage('1'); ?>" width="73" height="58" >
                            <span><?php the_title(); ?></span></a></li>
                            <?php  $i++; } // end while loop
                            } // end if
                    wp_reset_query(); ?>
              </ul>
            <?php query_posts('showposts=4&category_name=destaques'); $i = 1; if (have_posts()) { while (have_posts()) { the_post(); ?>
                    <?php echo '<div id="fragment-' . $i . '" class="ui-tabs-panel" style="">'; ?>
    
                <a href="<?php the_permalink() ?>" ><img src="<?php getImage('1'); ?>" width="382" height="293" ></a>
    
                    <div class="info" >
                                    <h2><a href="<?php the_permalink() ?>" ><?php the_title(); ?></a></h2>
                                    <p><?php the_content_rss('', TRUE, '', 15);  ?><a href="<?php the_permalink() ?>" >[+]</a></p>
                            </div>
                    </div>
                    <?php  $i++; } // end while loop
                    } // end if
            wp_reset_query(); ?>
    </div>
    
    <!-- /destaque -->

    —-CSS—-

    #myslider{
    
            border:2px solid #375D81;
            width:612px;
            padding-right:5px;
            position:relative;
            height:295px;
            background:#375D81;
    		margin-top:20px;
    }
    #myslider img{
        border:none;
            }
    
    #myslider ul.ui-tabs-nav{
            position:absolute;
            top:3px;
            left:385px;
            list-style:none;
            padding:0;
            margin:0;
            width:230px;
            height: 290px;
    }
    #myslider ul.ui-tabs-nav li{
            padding:1px 0; padding-left:2px;
            font-size:10px;
            color:#666;
    }
    #myslider ul.ui-tabs-nav li img{
            float:left; margin:2px 5px;
            background:#FFF;
            padding:2px;
            border:1px solid #666;
    }
    #myslider ul.ui-tabs-nav li span{
            font-size:10px; font-family:Verdana;
            line-height:15px;
    }
    #myslider li.ui-tabs-nav-item a{
            display:block;
            height:70px;
            color:#333;  background:#fff;
            line-height:15px;
    }
    #myslider li.ui-tabs-nav-item a:hover{
            background:#C4D7ED;
    }
    #myslider li.ui-tabs-selected{
    
    }
    #myslider ul.ui-tabs-nav li.ui-tabs-selected a{
            background:#E0EBF5;
    }
    #myslider .ui-tabs-panel{
            width:382px; height:295px;
            background:#999; position:relative;
    }
    #myslider .ui-tabs-panel .info{
            position:absolute;
            top:225px;
            left:1px;
            width:381px;
            height:70px;
            background: url('images/transparent-bg.png');
    }
    #myslider .info h2{
            font-size:18px; font-family:Georgia, serif;
            color:#fff; padding:5px; margin:0;
            overflow:hidden;
    }
    #myslider .info p{
            margin:0 5px;
            font-family:Verdana; font-size:11px;
            line-height:15px; color:#f0f0f0;
    }
    #myslider .info a{
            text-decoration:none;
            color:#fff;
    }
    #myslider .info a:hover{
            text-decoration:underline;
    }
    #myslider .ui-tabs-hide{
            display:none;
    }

    —Function—

    <?php
    if ( function_exists('register_sidebar') )
        register_sidebar();
    
    add_filter('comments_template', 'legacy_comments');
    function legacy_comments($file) {
    	if(!function_exists('wp_list_comments')) 	$file = TEMPLATEPATH . '/legacy.comments.php';
    	return $file;
    }
    // imagem do post
    function getImage($num) {
    global $more;
    $more = 1;
    $content = get_the_content();
    $count = substr_count($content, '<img');
    $start = 0;
    for($i=1;$i<=$count;$i++) {
    $imgBeg = strpos($content, '<img', $start);
    $post = substr($content, $imgBeg);
    $imgEnd = strpos($post, '>');
    $postOutput = substr($post, 0, $imgEnd+1);
    $image[$i] = $postOutput;
    $start=$imgEnd+1;  
    
    $cleanF = strpos($image[$num],'src="')+5;
    $cleanB = strpos($image[$num],'"',$cleanF)-$cleanF;
    $imgThumb = substr($image[$num],$cleanF,$cleanB);
    
    }
    if(stristr($image[$num],'<img')) { echo $imgThumb; }
    else {echo bloginfo('template_directory')."/images/sem_imagem.jpg";}
    $more = 0;
    }
    ?>

    —HEADER—

    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    
    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
    
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/print.css" type="text/css" media="print" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
    <?php wp_head(); ?>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
    <script type="text/javascript">
            $(document).ready(function(){
                    $("#myslider").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
            });
    </script>
    </head>

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • Amigo,

    Você confirmou se os JS estão sendo carregados corretamente?

    Seu header nÃo está chamando o wp_header() pode ser isso.

    confirme se os js estão sendo chamados corretamente e revise suas divs. Provavelmente o problema seja isso, em ultimo caso conflito com algum outro js do tema.

    Criador do tópico duilio_pereira

    (@duilio_pereira)

    tem o wp_header() sim, eu que não coloquei o código todo. segue ele abaixo:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    
    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
    
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/print.css" type="text/css" media="print" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
    <?php wp_head(); ?>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
    <script type="text/javascript">
            $(document).ready(function(){
                    $("#myslider").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
            });
    </script>
    </head>
    
    <body>
    <div id="page">
    <div id="header">
    	<div id="headertitle">
    		<h1><a href="<?php bloginfo('url') ?>" title="<?php bloginfo('name') ?>: <?php bloginfo('description') ?>"><?php bloginfo('name') ?></a></h1>
    		<p><?php bloginfo('description') ?></p>
    	</div>
    	<!-- Search box (If you prefer having search form as a sidebar widget, remove this block) -->
    	<div class="search">
    		<?php  include (TEMPLATEPATH . "/searchform.php"); ?>
    	</div>
    	<!-- Search ends here-->
    
    </div>
    
    <div id="navbar">
    <ul id="nav">
    	<li><a href="<?php echo get_settings('home'); ?>"><?php _e('Home') ?></a></li>
    	<?php wp_list_pages('title_li=&depth=2&sort_column=menu_order') ?>
    </ul>
    </div>
    <div id="wrapper">

    Cara, já testei de todo jeito e em 3 temas diferentes. Estranho demais.

    Criador do tópico duilio_pereira

    (@duilio_pereira)

    Alguem pode me ajudar, por favor?

    Complicao ein?
    Você já tentou depurar com o firebug, está chegando a executar algo?

    Aqui comigo é sempre incompatibilidade com outros .JS, tenta desabilitar todos os outros e testar somente ele sozinho.

    Criador do tópico duilio_pereira

    (@duilio_pereira)

    É mestre Rogério. O Sr tem razão, um monte de javascript fica complicado, agora sim aparece, mas tem um problema: eu uso mais dois js e agora não tô sabendo como resolver. Mas esta questão esta resolvida man! Obrigado pela sua atenção e sucesso!

    Duilio,

    Cara, se os outros JS, forem mais simples tente reescreve-los, usando no conflict: http://goncin.wordpress.com/2010/08/25/jquery-evitando-conflitos-com-outros-frameworks-javascript/

    Legal ter te ajudado cara, não domino .js estou passando por o mesmo problema que você, mas ainda não tive sucesso.

    Mantenha-me informado.

    Abraco

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • O tópico ‘Como resolvo esse problema de JQuery?’ está fechado para novas respostas.