AIUTO: come passare una variabile php ad una funzione javascript

beccaccia

Nuovo Utente
25 Giu 2013
1
0
0
Salve a tutti,
potreste aiutarmi a risolvere il seguente problema? :
la seguente funzione javascript mi permette di fare una slideshow a tutto schermo, io vorrei poter passare le url delle foto tramite una variabile php la quale viene a sua volta assegnata tramite il database.


Codice:
<!-- Supersized javascript sources -->
	<script src="sliders_sources/supersized/js/supersized.3.2.6.min.js" type="text/javascript"></script>
    <script src="sliders_sources/supersized/theme/supersized.shutter.min.js" type="text/javascript"></script>
    <script src="sliders_sources/supersized/js/jquery.clip-animation.min.js" type="text/javascript"></script>
    <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          :   9000,	//Length between transitions
				transition              :   1, 		//0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
				transition_speed		:	500,	//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				:	1,		//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
				stop_loop				:	0,		//Pauses slideshow upon reaching the last slide.

				//Size & Position
				min_width		        :   0,		//Min width allowed (in pixels)
				min_height		        :   0,		//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
				fit_always				:	0,		//Prevents the image from ever being cropped. Ignores minimum width and height.

				//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)
				thumb_links				:	1,		//Generates a list of thumb links that jump to the corresponding slide. If the 'thumb' field for the slide is empty, it will simply scale down the full size image, which can slow performance.
				thumbnail_navigation	:	0,		//Toggles forward/backward thumbnail navigation. When on, thumbnails from the next/previous posts are generated and can be clicked to navigate. If the 'thumb' field for the slide is empty, it will simply scale down the full size image
				slides 					:  	[		//Slideshow Images
		
		// slide 1
			{image : [COLOR="#FF0000"]"http://forum.mrwebmaster.it/images/slides/supersized/slide1.jpg"[/COLOR], 													// main image
			title1 : "LOREM IPSUM DOLOR", 																		// First title - bigger
			title2 : "AENEAN DIGNISSIM JUSTO", 																	// Second title
			align : "top-left",																					// Where to align? - top-left, top-right, center-left, center-right, bottom-left, bottom-right
			thumb : "php_helpers/timthumb.php?src=images/slides/supersized/slide1.jpg&amp;w=150&amp;h=108",		// replace src=....... value with the image.
			url : ""}, 
		// slide 2
			{image : "http://forum.mrwebmaster.it/images/slides/supersized/slide2.jpg", 
			title1 : "CONSECTETUR ADIPISCING ELIT", 
			title2 : "SOCIIS NATOQUE PENATIBUS", 
			align : "top-right",
			thumb : "php_helpers/timthumb.php?src=images/slides/supersized/slide2.jpg&amp;w=150&amp;h=108", 
			url : ""}, 
		// slide 3
			{image : "http://forum.mrwebmaster.it/images/slides/supersized/slide3.jpg", 
			title1 : "LOREM IPSUM DOLOR", 
			title2 : "AENEAN DIGNISSIM JUSTO", 
			align : "center-left",
			thumb : "php_helpers/timthumb.php?src=images/slides/supersized/slide3.jpg&amp;w=150&amp;h=108", 
			url : ""}, 
		// slide 4
			{image : "http://forum.mrwebmaster.it/images/slides/supersized/slide4.jpg", 
			title1 : "CONSECTETUR ADIPISCING ELIT", 
			title2 : "SOCIIS NATOQUE PENATIBUS", 
			align : "center-right",
			thumb : "php_helpers/timthumb.php?src=images/slides/supersized/slide4.jpg&amp;w=150&amp;h=108", 
			url : ""}
			
		], 
			progress_bar:1, // display progress bar
			mouse_scrub:0 });
			
			var $sbh = $("#slideshow .thebottom").height();
			
			$("#controls-wrapper").css({"bottom":$sbh+20});
			$("#progress-back").css({"bottom":$sbh});
			$("#thumb-tray").css({"bottom":$sbh});
		});
	</script><!-- end supersized script -->
 
Ultima modifica di un moderatore:

f107

Utente Attivo
7 Ago 2012
206
6
18
Roma
Se vuoi proprio fare cosi php può stampare sia html che javascript...
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
da mettere a punto, però potresti provare una cosa del genere

Codice:
//....
<?php
		// slide
while($riga=mysql_fetch_array($query)){
echo <<< SLIDE
			{image : "http://forum.mrwebmaster.it/images/slides/supersized/$riga['slide']",
			title1 : "$riga['title1']", 																		
			title2 : "$riga['title12']",
			align : "top-left",
			thumb : "php_helpers/timthumb.php?src=images/slides/supersized/$riga['slide']&amp;w=150&amp;h=108",
			url : ""},
SLIDE;
}
?>
		],
//ecc...........

il dubbio è che forse sull'ultima slide devi togliere l'ultima virgola
 
Discussioni simili
Autore Titolo Forum Risposte Data
G aiuto:passare dati da html a php PHP 1
E Aiuto per query PHP 8
R Aiuto ripristino sito web Presentati al Forum 0
L Aiuto con DataGridView Visual Basic 1
F Aiuto! cambio immagine di sfondo al cambio pagina HTML e CSS 2
I aiuto urgente per thunderbird Posta Elettronica 0
I aiuto per outlook Posta Elettronica 0
D aiuto funzioni javascript Javascript 1
T aiuto per trasformare un quiz fatto in JS in un quiz in JQUERY jQuery 0
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
M Fullcalendar in Codeigniter, un aiuto per la chiamata $ajax ? jQuery 0
K Aiuto con file audio in html HTML e CSS 1
G Script notifiche dekstop aiuto Javascript 0
P Aiuto per rendere un Bot Telegram Privato PHP 1
M Un aiuto da chi ha apple Mac e Software 0
P Richiesta di aiuto Presentati al Forum 1
A Aiuto per pagina php PHP 0
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
I Aiuto php Dependent Lookup PHP 0
R Aiuto con le query MS Access 2
M AIUTO ESERCIZIO JAVA Javascript 1
G Aiuto con htaccess e rewriterule PHP 0
T cercasi aiuto per file d1 (open-edge db) Database 0
M Aiuto con inserimento immagini WordPress 6
D aiuto schermata photoshop Photoshop 0
L Aiuto per programma web php/mySQL PHP 2
A Aiuto php colore diverso PHP 10
L Aiuto creazione menu mancante WordPress 0
C Aiuto compiuto scuola PHP/MySQL PHP 2
G Insert into select - Aiuto MySQL 0
I Aiuto bash linux Programmazione 1
F Aiuto java script Javascript 2
R Cerco aiuto Offerte e Richieste di Lavoro e/o Collaborazione 7
I Aiuto query MySQL 8
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
motleyrulez Aiuto con un ciclo PHP 0
R Aiuto sito html Offerte e Richieste di Lavoro e/o Collaborazione 3
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
G Mi dite come faccio? Aiuto photoshop ? Photoshop 1
C prestashop paragamento contrassegno aiuto modulo E-Commerce 0
Michelebozzo [PHP] Rimuovere pubblicazione nome pagina ... aiuto! PHP 7
Caldus richiesta aiuto Mac e Software 0
R [Javascript] Aiuto su questo script Javascript 2
Z Gestionale in Php/mysql: Quanto farsi pagare? Aiuto! Discussioni Varie 0
Giacomo92 [HTML] AIUTO!! Regular Expression :( Offerte e Richieste di Lavoro e/o Collaborazione 15
T Aiuto per php7 e mysqli PHP 3
T mysql tutorial per importare tabelle access in mysql aiuto MySQL 2
K [Java] aiuto switch case Java 1
E salve tutti spero si essere di aiuto e di trovare aiuto Presentati al Forum 2
D [MS Access] aiuto non riesco a capire MS Access 6

Discussioni simili