Buongiorno, sto riscontrando un problema su uno script che ho inserito in una pagina.
Il problema è che non viene caricato quasi mai all'apertura della pagina ma devo sempre ricaricarla, e a volte anche più di una volta. Il codice che inserisco qui è della pagina ma c'è anche un rimando ad un altro file .js
Anticipo subito dicendo che di javascript capisco poco e niente e lo script l'ho preso dal web.. Ho solo ritoccato un pò l'aspetto grafico modificando i css.
Ho oscurato i dati di database e title per privacy.
codice HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" href="css/tabstyle.css" type="text/css" /> <link rel="stylesheet" type="text/css" href="css/elastislide.css" /> <script src="js/modernizr.custom.17475.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquerypp.custom.js"></script> <script type="text/javascript" src="js/jquery.elastislide.js"></script> <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'> <title>TITOLO</title> </head> <body> <?php $id = $_GET['id']; $myconn = mysql_connect('localhost', 'UTENTE', 'PASSWORD') or die('Errore...');mysql_select_db('NOMEDB', $myconn) or die('Errore...'); $query = "SELECT * FROM 'NOMETABELLA' WHERE id =" . $id; $result = mysql_query($query); $resrow = mysql_fetch_row($result); $id = $resrow[0]; $titolo = $resrow[1]; $prezzo = $resrow[2]; $descr = $resrow[3]; $foto = $resrow[4]; $foto2 = $resrow[5]; $foto3 = $resrow[6]; $foto4 = $resrow[7]; $foto5 = $resrow[8]; $foto6 = $resrow[9]; $foto7 = $resrow[10]; $foto8 = $resrow[11]; echo "<table class='autotab'> <tr> <td rowspan='5' style='border-right:1px dotted #f60;max-width:260px;'> <div class='gallery'> <!-- Wrapper galleria Carousel --> <div class='image-preview'> <img id='preview' src='" . $foto . "'/> </div> <ul id='carousel' class='elastislide-list'> <li data-preview='" . $foto . "'><a href='#'><img src='" . $foto . "'/></a></li> <li data-preview='" . $foto2 . "'><a href='#'><img src='" . $foto2 . "'/></a></li> <li data-preview='" . $foto3 . "'><a href='#'><img src='" . $foto3 . "'/></a></li> <li data-preview='" . $foto4 . "'><a href='#'><img src='" . $foto4 . "'/></a></li> <li data-preview='" . $foto5 . "'><a href='#'><img src='" . $foto5 . "'/></a></li> <li data-preview='" . $foto6 . "'><a href='#'><img src='" . $foto6 . "'/></a></li> <li data-preview='" . $foto7 . "'><a href='#'><img src='" . $foto7 . "'/></a></li> <li data-preview='" . $foto8 . "'><a href='#'><img src='" . $foto8 . "'/></a></li> </ul> </div>" ;?> <script language="javascript"> var current = 0, $preview = $( '#preview' ), $carouselEl = $( '#carousel' ), $carouselItems= $carouselEl.children(), carousel = $carouselEl.elastislide( { current : current, minItems : 4, onClick : function( el, pos, evt ) { changeImage( el, pos ); evt.preventDefault(); }, onReady : function() { changeImage( $carouselItems.eq( current ), current); } } ); function changeImage( el, pos ) { $preview.attr( 'src', el.data( 'preview' ) ); $carouselItems.removeClass( 'current-img' ); el.addClass( 'current-img' ); carousel.setCurrent( pos ); } </script> <?php echo " </td> </tr> <tr> <td style='max-width:180px;height:50px;max-height:50px'><h1>" . $titolo . "</h1></td> </tr> <tr> <td style='max-width:180px;height:50px;max-height:50px''><p class='prezzo'>€ " . $prezzo . "</p></td> </tr> <tr> <td style='max-width:180px;height:350px;max-height:350px'><p class='descr'>" . $descr . "</p></td> </tr> </table> <form style='position:absolute; width:70px; height:50px; float:left; margin-bottom:20px;margin-left:50%;left:-35px;'> <input type=submit value='Chiudi scheda' onClick='javascript:window.close()' id='close'> </form>"; mysql_close($myconn);?> </body></html>
Rispondi quotando