Caroufredsel et Wordpress

florent06
Javascript

Bonsoir,

j'ai mis en application le tutoriel sur caroufredsel ( d'ailleurs merci pour le tuto ):

1) Sur un simple index.html tout est ok, les images défiles.

2) Passage à wordpress, les images restes tel quelle et firebug m'affiche un joulie petit $("#carousel").caroufredsel is not a function

le php:

<div class="carousel" id="carousel">
<?php 
    $query = new WP_query(array('post_type'=>'post','posts_per_page' => 4));
    while($query->have_posts()) : $query->the_post(); global $post;
 ?>

<?php

    if ( has_post_thumbnail() ) { ?>

        <a rel="" href="<?php the_permalink() ?>" class="" title="Permanent Link to <?php the_title(); ?>">
            <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php get_image_url(); ?>&h=300&w=500&zc=1" alt=""/>
        </a>

        <div>
                     <h4><?php the_title(); ?></h4>
                  </div>

    <?php } else { ?>
            <img src="<?php bloginfo('template_directory'); ?>/images/dummy.png" alt="" />
    <?php } ?>
<?php endwhile; ?>
</div>

le css ( très simple ): 

/* Carousel */
.carousel { width: 570px;}
.carousel a{ display : block; float: left; width: 570px; height: 270px; }

le js ( encore plus simple ^^' ): 

$('#carousel').caroufredsel();

Recevoir une alerte email lorsque quelqu'un répond à ce sujet

6 réponses

Flowcki
Réponse acceptée

Et personnellement j'ai intégré Caroufredsel dans wordpress, c'est exactement la même chose, juste l'importation du fichier qui est différente.
Voila comment j'intègre :

<?php
    wp_deregister_script('jquery');
    ?>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/caroufredsel/jquery.caroufredsel.js"></script>

Après si c'est mettre des images de la galerie wordpress ou autre chose, il faut se tourner du côté de l'API wordpress.

florent06
Auteur

Personne ? Si besoin de plus de précisions dites le moi. :)

Flowcki

"caroufredsel is not a function". Le fichier js est bien inclus dans header.php au moins ?

elb

Florent as-tu résolu ton pb ?
Je cherche moi aussi à utiliser Caroufredsel dans wordpess...
Je suis donc intéressée de savoir comment tu as fait
Bonne journée

Davixs27

Merci R-transat :-D

florent06
Auteur

Déjà bonjour à vous,

désolé pour le temps de réponse, je n'ai accès à internet que depuis aujourd'hui ...

Si je me souviens bien le script été bien importé, mais je testerai quand même ton code. ( j'utilisais wp_enqueue_script c'est peut-être la cause, faudra j'aille voir dans le header, bon là je rentre chez moi le 30, je vous tiendrez au courant ).

Encore merci et joyeux noël ! ;)