SmoothScroll_JS

[lucaeffe]

Ho installato lo script e funziona perfettamente ma mi chiedevo se esiste un modo per decidere in che punto far fermare lo script che scende.

Nel mio caso gli script partono tutti da delle voci di menu e vanno a finire a delle gallerie e vorrei che si fermassero tutti nello stesso punto.

Spero di essere stato abbastanza chiaro e preciso!
Grazie a tutti!!


Questo è lo script

http://javascript.html.it/articoli/l...lling-morbido/

[lucaeffe]

Per spiegarlo in un italiano più corretto,

"Nel mio caso gli script partono tutti da delle voci di menu e vanno a finire a delle gallerie e vorrei che si fermassero nello stesso punto per ogni singola galleria vale a dire sul titolo di queste."

[cavicchiandrea]

Originariamente inviato da lucaeffe
..
Nel mio caso gli script partono tutti da delle voci di menu e vanno a finire a delle gallerie e vorrei che si fermassero tutti nello stesso punto.
...

In tal caso dovrai usare una sola ancora e gestire le gallerie con delle array, forse vedendo la pagina demo potrei essere + chiaro (non garantisco nulla).


P.S. Per pagina demo intendo la tua pagina (con le gallerie e lo script di html.it), non quella di html.it

[lucaeffe]

Come posso fartela visualizzare?
Il sito non è on-line

[cavicchiandrea]

Prova a postare la pagina qui sul forum, come la riceverebbe il browser solo html no linguaggi lato server che confondono e basta.

[lucaeffe]

Intendi fare il copia-incolla di tutto il codice HTML?

Se è si non potrei farlo perche è troppo lungo perche contiene piu di 15.000 caratteri!

[cavicchiandrea]

Originariamente inviato da lucaeffe
Intendi fare il copia-incolla di tutto il codice HTML?

Se è si non potrei farlo perche è troppo lungo perche contiene piu di 15.000 caratteri!

apri uno spazio gratuito tipo altervista

[lucaeffe]

Ho editato il sito su Altervista come da tuo suggerimento.
Si possono editare solo HTML e niente CSS quindi non e che si capisca un granchè,comunque ti linko la pagina


http://sitoprovahtml.altervista.org/...l_0002.html#p2

[lucaeffe]

Qualcuno chè può darmi una mano??

[lucaeffe]

Posto il codice HTML



[...]

<script src="smoothscroll_dl/smoothscroll.js" type="text/javascript"></script>



<script type="text/javascript" src="JS/jquery-lightbox-0.5/js/jquery.js"></script>
<script type="text/javascript" src="JS/jquery-lightbox-0.5/js/jquery.lightbox-0.5.js"></script>



<link rel="stylesheet" type="text/css" href="JS/jquery-lightbox-0.5/css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>






<script src="JS/jquery-lightbox-0.5/jquery/jquery.wslide.js"type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){

$("#parent2").wslide({
width: 750,
height: 250,
fade: true,
duration: 2000
});
});

</script>



<script type="text/javascript" src="JS/easySlider/easySlider/js/easySlider.js"></script>

<script type="text/javascript">
$(document).ready(function(){

$("#slider").easySlider({
prevText: 'Previous Slide',
prevId: 'prevBtn',
nextText: 'Next Slide',
nextId: 'nextBtn',
orientation: 'horizontal'




});

$("#slider2").easySlider({
prevText: 'Previous Slide',
prevId: 'prevBtn2',
nextText: 'Next Slide',
nextId: 'nextBtn2',

});



$("#slider3").easySlider({
prevText: 'Previous Slide',
prevId: 'prevBut2',
nextText: 'Next Slide',
nextId: 'nextBut2',

});
});

</script>











<style type="text/css">
/* jQuery lightBox plugin - Gallery style */
#gallery{
margin:250px 0 0 0;
width:100%;
height:3000px;
text-decoration:none
}

#gallery a{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}

#gallery ul {
list-style: none;
padding:100px 0 0 50px;
margin:0 0 50px 0
}
#gallery ul li {
display: inline;
}
#gallery ul img {
margin:0 auto;
border: 5px solid #3e3e3e;
border-width:0;
}
#gallery ul a:hover img {
border: 1px solid none;
border-width:0;
color: #fff;
}
#gallery ul a:hover { color: #fff;
}

</style>


<style type="text/css" media="screen">


#parent2-menu{
text-decoration:none;

}
#parent2-menu li{
padding:30px 0 0 75px;
margin:0 auto;

}

#parent2 li{
margin:0;
padding: 20px 0 0 70px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:12px;
}

#parent2-menu a{
text-decoration:none;
font:Arial, Helvetica, sans-serif;
color:#000;
}
#parent2-menu a:hover, #parent2-menu a.wactive{
text-decoration:none;
background: black;
color:#000;}
</style>



</head>







<body>
<a name="top"></a>


<div id="sfondo_fisso"></div>

<div id="container">

<div id="header">

<ul id="menu">[*]illustraction[*]web[*]logo
[*]advertising[/list]

[...]