Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    asp + jQuery Camera Slideshow si può?

    buongiorno a tutti..mi chiedevo se è possibile unire uno script preso da html.it relativo ad una fotogallery fatta in jquery con una pagina asp, dove interrogando un db, le foto vengono prelevate e fatte scorrere appunto con lo script jquery che ho scaricato.. ho provato a inserire il codice. il risultato è che mi seleziona solo 1 foto (su 4 che ho caricato) e mi fa vedere solo quella, sia come principale, sia come thumb..

    vi posto il codice..qualcuno mi sa dare qualche indicazione di dove sbaglio ? o se si può fare.....

    grazie in anticipo!

    ps. vi posto solo il codice incriminato, perchè il resto mi pare che funzioni (ovvero, se lancio lo script senza il mio codice asp va, se lancio solo il mio codice asp va, ma se unisco entrambi no!)

    <%

    id_cat = Request.QueryString("id")


    ' //// connessione al DB
    Set Conn=Server.CreateObject("ADODB.Connection")
    Conn.Open "PROVIDER=MSDASQL;" & _
    "DRIVER={Microsoft Access Driver (*.mdb)}; " & _
    "DBQ=" & server.mappath("../mdb-database/database.mdb")

    ' //// seleziono la tabella per stampare a video i link ai file caricati e ordino i risultati ID decrescente
    Sql = "SELECT * FROM upload WHERE cat_foto="&id_cat
    Set Rs = Conn.Execute(Sql)
    %>
    <h1>Transizioni accattivanti con il plugin jQuery Camera Slideshow</h1>

    <div class="fluid_container">

    <div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
    </div>


    <%
    While rs.EOF = False
    %>


    Con anteprime ad altezza fissa</p>
    <div class="camera_wrap camera_magenta_skin" id="camera_wrap_2">
    <div data-thumb="../public/<%=rs("nome_file")%>" data-src="../public/<%=rs("nome_file")%>">
    <div class="camera_caption fadeFromBottom">
    Camera is a responsive/adaptive slideshow. Try to resize the browser window
    </div>
    </div>
    </div>
    </div>
    <%
    rs.MoveNext
    Wend
    rs.Close
    %>


    <%
    ' //// chiudo la connessione e libero risorse
    Conn.Close()
    Set Conn = Nothing
    %>

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    E jquery dov'è?
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    il codice jquery funziona se non lo modifico..

    codice:
        <script type="text/javascript" src="../script.js"></script>
    </head>
    <body>
    <div id="art-main">
            <div class="art-sheet">
                <div class="art-sheet-tl"></div>
                <div class="art-sheet-tr"></div>
                <div class="art-sheet-bl"></div>
                <div class="art-sheet-br"></div>
                <div class="art-sheet-tc"></div>
                <div class="art-sheet-bc"></div>
                <div class="art-sheet-cl"></div>
                <div class="art-sheet-cr"></div>
                <div class="art-sheet-cc"></div>
                <div class="art-sheet-body">
                    <div class="art-header">
                        <div class="art-header-png"></div>
                        <div class="art-header-jpeg"></div>
                        <div align="right">
    
    
    						<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="0001-orange.swf";obj.TimeZone="Italy_Rome";obj.width=150;obj.height=150;obj.Place="";obj.wmode="transparent";showClock(obj);</script>
                        </div>
                    </div>
                    <div class="art-nav">
                    	<div class="l"></div>
                    	<div class="r"></div>
                    	<ul class="art-menu">
                    		[*]
                    			<span class="l"></span><span class="r"></span><span class="t">Home</span>
                    		
    						[*]
                    			<span class="l"></span><span class="r"></span><span class="t">Photo</span>
                    		
    						[*]
                    			<span class="l"></span><span class="r"></span><span class="t">Video</span>
                    		
    				   		[*]
                    			<span class="l"></span><span class="r"></span><span class="t">GF Creations</span>
                    		
    						[*]
                    			<span class="l"></span><span class="r"></span><span class="t">Contact</span>
                    		
    						[*]
                    			<span class="l"></span><span class="r"></span><span class="t"></span>
                    		
                    	[/list]
                    </div>
                    <div class="art-content-layout">
                        <div class="art-content-layout-row">
                            <div class="art-layout-cell art-content">
                                <div class="art-post">
                                    <div class="art-post-body">
                                <div class="art-post-inner art-article">
                           						<h2 class="art-postheader"><center>Photo Gallery</center></h2>
    																					
                                                <div class="art-postcontent">
                                        
    									
    									
    									            
                                                    
                                                    
                                                   
                                                    <div class="cleared"></div>
                                                    <div class="art-content-layout overview-table">
                                                    	<div class="art-content-layout-row">
                                                    		<div class="art-layout-cell">
                                                          
                                                    		</div>
                                                    		<div class="art-layout-cell">
                                                        <div class="overview-table-inner">
                                                    		 
                                                    					
                                                    				</div>
                                                    		</div>
                                                    		<div class="art-layout-cell">
                                                        <div class="overview-table-inner">
                                                    		  
                                                    
                                                    						  
                                                                  </div>
                                                    		</div>
                                                    	</div>
                                                    </div>
                                                        
                                                    
    												
    												
    												
    									
    									
                                                </div>
                                                <div class="cleared"></div>
                                </div>
                                
                                		<div class="cleared"></div>
                                    </div>
                                </div>
                                <div class="art-post">
                                    <div class="art-post-body">
                                <div class="art-post-inner art-article">
                                              
                                                <div class="art-postcontent">
                                                    
                                                    
    											   
    		<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
    		<script type="text/javascript" src="js/jquery.gallerax-0.2.js"></script>
    		<script type="text/javascript" src="js/filter.js"></script>		
    		
    		<link rel="stylesheet" type="text/css" href="css/style.css" />
    		
    		
    		
    				
    		
    	</head>
    	<body>
    	
    		<div id="wrapper">
    	
    	
    	
    	<link rel='stylesheet' id='camera-css'  href='css/camera.css' type='text/css' media='all'> 
        <style>
    		body {
    			margin: 0;
    			padding: 0;
    		}
    		a {
    			color: #09f;
    		}
    		a:hover {
    			text-decoration: none;
    		}
    		#back_to_camera {
    			clear: both;
    			display: block;
    			height: 80px;
    			line-height: 40px;
    			padding: 20px;
    		}
    		.fluid_container {
    			margin: 0 auto;
    			max-width: 1000px;
    			width: 90%;
    		}
    	</style>
     <script type='text/javascript' src='scripts/jquery.min.js'></script>
        <script type='text/javascript' src='scripts/jquery.mobile.customized.min.js'></script>
        <script type='text/javascript' src='scripts/jquery.easing.1.3.js'></script> 
        <script type='text/javascript' src='scripts/camera.min.js'></script> 
        
        <script>
    		jQuery(function(){
    			
    			jQuery('#camera_wrap_1').camera({
    				thumbnails: true
    			});
    
    			jQuery('#camera_wrap_2').camera({
    				height: '400px',
    				loader: 'bar',
    				pagination: false,
    				thumbnails: true
    			});
    		});
    	</script>
    	</head>
    <body>
    
    		
    <%
     
    id_cat = Request.QueryString("id")
    
    
    ' //// connessione al DB
    Set Conn=Server.CreateObject("ADODB.Connection")
    	Conn.Open "PROVIDER=MSDASQL;" & _
    	"DRIVER={Microsoft Access Driver (*.mdb)}; " & _
    	"DBQ=" & server.mappath("../mdb-database/database.mdb")
    
    ' //// seleziono la tabella per stampare a video i link ai file caricati e ordino i risultati ID decrescente
    Sql = "SELECT * FROM upload WHERE cat_foto="&id_cat 
    	   Set Rs = Conn.Execute(Sql)
    %>
    <h1>Transizioni accattivanti con il plugin jQuery Camera Slideshow</h1>
    
    	<div class="fluid_container">
        	
            <div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
            </div>
    		
        	
    <%
    				    While rs.EOF = False
    				%>
    						
    
    Con anteprime ad altezza fissa</p>
            <div class="camera_wrap camera_magenta_skin" id="camera_wrap_2">
                 <div data-thumb="../public/<%=rs("nome_file")%>" data-src="../public/<%=rs("nome_file")%>">
    			   <div class="camera_caption fadeFromBottom">
                        Camera is a responsive/adaptive slideshow. Try to resize the browser window
                    </div>
    				</div>
            </div>
        </div>
    	<%
    						        rs.MoveNext
    							    Wend
    							    rs.Close
    							%>
    									 
            		
    			<%
    	' //// chiudo la connessione e libero risorse
    	Conn.Close()
    	Set Conn = Nothing
    %>		
    
                    <div class="camera_caption fadeFromBottom">
                        Camera is a responsive/adaptive slideshow. Try to resize the browser window
                    </div>
                </div>
                
        </div>
    
    
    
    
    
    
    
    	<div align="center">
    [img]logo_htmlit.gif[/img]
    
    
    </body>
    </html>

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Difficile dare indicazioni con un codice cosi "incasinato" a prima vista hai due tag body, html script, etc... poi metti degli id id="camera_wrap_2" (che devono essere univoci) in un While rs.EOF che si raddoppieranno/triplicheranno/etc...
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    per quando riguarda il while rs.eof lo so che si triplicano, perchè ovviamente gli ho fatto ripetere la stessa riga.. quello che mi sorprende è che invece non si triplicano.. mi spiego:

    richiamo dal db le foto con categoria 1
    le foto con categoria 1 sono 4

    scrivendo quel pezzo di codice, non mi crea 4 duplicati di foto, bensi mi crea 1 foto testo e con slideshow e altri 3 testi. E' come se non recupera le altre foto dal db. prende solo la prima..è questo che vorrei capire..

    sul codice incasinato ti do ragione, ma sto solo cercando di capire se lo posso far funzionare. poi con calma me lo sistemo eliminando ciò che non mi serve.
    Del resto non è un codice mio. cioè ho preso lo script jquery e gli ho appicciato parte del mio codice asp.. ma non riesco a capire perchè non preleva le foto. eppure, se tolgo il codice jquery, le foto me le fa vedere tutte e 4.....

    qualche idea?

  6. #6
    ti devo ringraziare

    grazie al tuo suggerimento del codice incasinato, ho fatto esattamente il contrario. ho ripreso lo stesso codice jquery in html, ho tolto quello che non mi serviva, e ho applicato solo il codice del db .. e ora funziona )

    sicuramente quindi ho perso qualche pezzo per strada aprendo e non chiudendo ecc.

    grazie mille )


Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.