Affectation tableau php à tableau javascript

Fermé
skategui - 20 sept. 2011 à 14:39
jojo673 Messages postés 210 Date d'inscription lundi 19 septembre 2011 Statut Membre Dernière intervention 9 avril 2014 - 20 sept. 2011 à 15:03
Bonjour,
je souhaiterais modifier le tableau slider à la volée en fonction d'un tableau php, qui est construit dynamiquement ailleurs.
Le soucis c'est que je ne sais pas comment faire pour modifier mon tableau javascript !
(Je ne veut plus avoir les éléments en dur dans mon tableau si dessous !)
Merci d'avance !


<script type="text/javascript">
jQuery(function($){

$.supersized({

//Functionality
slideshow : 1, //Slideshow on/off
autoplay : 1, //Slideshow starts playing automatically
start_slide : 1, //Start slide (0 is random)
random : 0, //Randomize slide order (Ignores start slide)
slide_interval : 3000, //Length between transitions
transition : 6, //0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 1000, //Speed of transition
new_window : 1, //Image links open in new window/tab
pause_hover : 0, //Pause slideshow on hover
keyboard_nav : 1, //Keyboard navigation on/off
performance : 2, //0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
image_protect : 1, //Disables image dragging and right click with Javascript
image_path : 'img/', //Default image path

//Size & Position
min_width : 1024, //Min width allowed (in pixels)
min_height : 768, //Min height allowed (in pixels)
vertical_center : 1, //Vertically center background
horizontal_center : 1, //Horizontally center background
fit_portrait : 1, //Portrait images will not exceed browser height
fit_landscape : 0, //Landscape images will not exceed browser width

//Components
navigation : 1, //Slideshow controls on/off
thumbnail_navigation : 1, //Thumbnail navigation
slide_counter : 1, //Display slide numbers
slide_captions : 1, //Slide caption (Pull from "title" in slides array)
slides : [ //Slideshow Images
{'image' : 'Sports/Bmx.jpg', title : 'Wilderness by Gaetan Ducroq', 'url' : 'Sports/Bmx.jpg'},
{'image' : 'Sports/Old_Young.jpg', title : 'Wilderness by Gaetan Ducroq', 'url' : 'Sports/_Old_Young.jpg'},
{'image' : 'Sports/Bmx_.jpg', title : 'Wilderness by Gaetan Ducroq', 'url' : 'Sports/Bmx_.jpg'}
]
});

});

</script>



A voir également:

3 réponses

jojo673 Messages postés 210 Date d'inscription lundi 19 septembre 2011 Statut Membre Dernière intervention 9 avril 2014 44
20 sept. 2011 à 14:47
Bonjour,
Soit on peut insérer directement le php dans le code javascript, exemple :
<script>
....
<?php echo "{'image' : '$image', title : '$titre', 'url' : '$url'}, ";?>
</script>

(avec une boucle pour ajouter plusieurs lignes)
Ou de la même manière créer un tableau en JavaScript en lui donnant les valeurs d'un tableau créer en php.
0
Du coup je dois passer mon tableau php a la fonction Javascript,non ?
Car ma fonction est appelé depuis la lib js directement...


Je dois faire comme ca pour ajouter la 1ere ligne de mon tableau du coup ?

slides : [ <?php echo "{'image' : '$image[0]', title : '$titre[0]', 'url' : '$url[0]'}, ";?> ]
0
jojo673 Messages postés 210 Date d'inscription lundi 19 septembre 2011 Statut Membre Dernière intervention 9 avril 2014 44
20 sept. 2011 à 15:03
Il faut que le tableau php et le fichier JavaScript soient inclus sur la même page. C'est à dire que la ligne :
<script  type="text/javascript" src="fichier.js"></script>
et le tableau php soient dans la même page, ce qui est je penses le cas :).
Le php est d'abord exécuté sur le serveur, puis il renvoie un fichier HTML qu'on peut alors voir. Alors que le JavaScript est exécuté sur la machine du visiteur, du coup les valeurs du tableau php seront bien "incluses" dans le javascript.
0