jquery e proprietà

[ciro1919]

Eccolo, risolvo il tuo problema, spero.

Il tuo codice:

<link rel="stylesheet" href="agile_carousel.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js"></script>
<script src="agile_carousel/agile_carousel.a1.1.js"></script>
<script>
    // Code used for "Flavor 2" example (above)
    
    $.getJSON("agile_carousel/agile_carousel_data.php", function(data) {
        $(document).ready(function(){
            $("#flavor_2").agile_carousel({
                
                // required settings
                
                carousel_data: data,
                carousel_outer_height: 330,
                carousel_height: 230,
                slide_height: 230,
                carousel_outer_width: 480,
                slide_width: 480,
                                                
                // end required settings
                                                
                transition_type: "fade",
                transition_time: 600,
                timer: 3000,
                continuous_scrolling: true,
                control_set_1: "numbered_buttons,previous_button,
                ... (continues on same line)... pause_button,next_button",
                control_set_2: "content_buttons",
                change_on_hover: "content_buttons"
            });
        });
    });
 </script>

<link rel="stylesheet" href="agile_carousel.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js"></script>
<script src="agile_carousel/agile_carousel.a1.1.js"></script>
<script>
    // Code used for "Flavor 2" example (above)
    
    $.getJSON("agile_carousel/agile_carousel_data.php", function(data) {
        $(document).ready(function(){
            $("#flavor_2").agile_carousel({
                
                // required settings
                
                carousel_data: data,
                carousel_outer_height: 330,
                carousel_height: 230,
                slide_height: 230,
                carousel_outer_width: 480,
                slide_width: 480,
                                                
                // end required settings
                                                
                transition_type: "fade",
                transition_time: 600,
                timer: 3000,
                continuous_scrolling: true,
                control_set_1: "numbered_buttons,previous_button",
                control_set_2: "content_buttons",
                control_set_3: "current_slide_number",
                change_on_hover: "content_buttons"
            });
        });
    });
 </script>

Ho semplicemente aggiunto:

control_set_3:"current_slide_number",

se poi Non ti va bene dove te lo mette in automatico, cioè in alto a sinistra. prendi il tuo bel file JS, che dovrebbe essere:
agile_carousel.alpha.js riga 471-478, (se hai la versione .min.js ti devi cercare la riga di codice con il Find and Replace dell'editor che usi) arrivati a questo punto cerchi la riga di codice:

            
// update slide number

            function update_current_slide_number(slide_num) {
                if (current_slide_number_display_length > 0) {
                    current_slide_number_display.html(slide_num);
					alert(slide_num);					 
                }
            }

Dove impaginano il tuo bel numerino... Qui vedi tu, dichiara una variabile globale insieme a quelle native, e usa la TUA variabile con il numero della slide corrente dove e quando vuoi. Di default ho notato che impaginandolo lo mette in alto a sx, ,ma con il css accedendo alle proprietà della classe:

current_slide_number

Per il callBack dipende che cosa devi fare, ti dico subito che in Ajax non ho molta esperienza..