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

    nivo slider con dreamwever

    salve
    sto seguendo corso on-line per siti dinamici e devo presentare un sito..ho inserito nivo slider con thumbnail nella home page...funziona con alcuni problemi...1-la foto subentrante talvolta scivola verso il basso uscendo dal box dello slider di un tot di pixel e si blocca per qualche attimo...poi lo slider riparte regolarmente fino al ripresentarsi del problema appena descritto..2-con google chrome l'immagine appena subentrata mostra per alcuni attimi delle finissime righe orizzontali e verticali..una sorta di grata a quadretti grandi


    suggerimenti?

    grazie

    ecco il codice


    codice:
    <!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="X-UA-Compatible" content="IE=9" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title>
    
    
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
    
    
    
    
    <script src="nivo-slider_2.7.1/jquery.nivo.slider.pack.js"
    type="text/javascript"></script>
    
    
    
    <link href="nivo-slider_2.7.1/nivo-slider.css" rel="stylesheet" type="text/css"/>
    		
    
    
    <script type="text/javascript">
    $(window).load(function() {
    	$('#slider').nivoSlider({
    		controlNavThumbs: true,
    		controlNavThumbsFromRel: true,
    		pauseTime: 3000,
    		effect: 'random',
    		controlNav:true,
    	});
    });
    </script>
    
    
           
    
       <div id="slider" class="nivoSlider"> 
           [img]immagini/libreria/slider/slider1.jpg[/img]
           [img]immagini/libreria/slider/slider2.jpg[/img]
            [img]immagini/libreria/slider/slider3.jpg[/img]
            [img]immagini/libreria/slider/slider4.jpg[/img]

  2. #2
    Queste imperfezioni sono causate dai CSS non da javascript.
    Per le "righe" dovrebbe essere sufficiente impostare la position:relative al box che contiene lo slider, per lo "shift" verso il basso dovresti controllare: dimensioni, margin e padding del/dei contenitori.

  3. #3

    nivo slider dreamweaver

    per lo shift ho risolto aggiungendo un float:left
    al

    /* Control nav styles (e.g. 1,2,3...) */
    .nivo-controlNav a {

    del nivo-slider.css

    mi rimane il problema con chrome...il box che ospita lo slider è position relative

    grazie

    ps quindi per chiedere lumi sulla faccenda chrome devo passare alla sezione dedicata ai css?

  4. #4
    prova a postare un link alla pagina...

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.