Pages

Affichage des articles dont le libellé est slider. Afficher tous les articles
Affichage des articles dont le libellé est slider. Afficher tous les articles

Slider avec miniatures (JS / JQuery) sujet

vendredi 31 janvier 2014




Bonjour,

n'étant pas trop habitué à utiliser JQuery, je patauge un peu... :aie:
Je recherche un Slider (pour photos) que je pourrai intégrer à mon site web.

Les quelques uns que j'ai trouvé ont un code JS hyper-compacté (une sorte de protection j'imagine) et je n'arrive pas à les modifier...

Voilà ce que je recherche plus précisement :
- Le slider adapte sa taille (jusqu'à un maximum) à la taille de l'image.
- Un petit bandeau où il y a les miniatures des photos précédentes et/ou suivantes (cliquer sur l'une l'affiche en grand dans le slider)
- pouvoir générer le contenu du slider (des balises img ou a) avec un peu de code php =)

Voilà !

Ca me parait assez bateau mais dur dur de trouver ça...

Merci pour votre aide

Vincent




jquery UI et son slider sujet




Bonjour à tous,
J'espère d'abord être au bon endroit.
Mon soucis c'est de rendre possible l'envoie de la valeur d'un slider à la suite d'une page php

Code:


$("#select03").change(function () {
                                valeur031 = $('#select03').val();
                                if(valeur031 == "a"){
                                        $("#on03").removeClass("masquer").addClass("afficher");
                                        $("#slider03").removeClass("afficher").addClass("masquer");
                                }else if(valeur031 == "b"){
                                        $("#on03").removeClass("afficher").addClass("masquer");
                                        $("#slider03").removeClass("masquer").addClass("afficher");
                                }else if(valeur031 == "c"){
                                        $("#on03").removeClass("afficher").addClass("masquer");
                                        $("#slider03").removeClass("masquer").addClass("afficher");
                                }
        });
        $("#on03").click(function () {
                                valeur032 = $('#on03').val();
                                if(valeur032 == "On"){
                                        $( "#on03" ).val( "Off");
                                        $('#s-03-on' ).load('Envoi/Envoi-03-0.php');
                                }else{
                                        $( "#on03" ).val( "On");
                                        $('#s-03-off').load('Envoi/Envoi-03-1.php');                               
                                }
        });
        $( "#slider03" ).slider({
                        value:100,
                        min: 0,
                        max: 255,
                        step: 10,
                        slide: function( event, ui ) {
                                $( "#amount03" ).val( ui.value );
                        ----->        $("#s-03-slide" ).load('Envoi/Envoi-B03.php?valeur=010');
 
 
                        }
                });
                $( "#amount03" ).val( $( "#slider" ).slider( "value" ) );


Actuellement lorsque je bouge le slider la valeur 010 est bien envoyé avec la page.
Comment récupérer la valeur du slider ?
Merci d'avance