barra testo scorrevole statica

[Tristal]

Ciao!

ho inserito nel mio sito un testo scorrevole con barra, ho trovato qualcosa con jquery sul web e ho messo tutto il necessario nelle mie cartelle... la barra scorrevole c'e', ma la vedo statica, come da windows...non vengono letti gli stili o a forse il jquery...

http://www.lmadv.it/test/scroll/brand.html

qualcuno saprebbe risolvere il mio problema?


questi sono gli stili non letti...

.jspTrack
{
	background: #f00;
	position: relative;
}



.jspDrag
{
	background: #000;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

[Nobody33]

Preso dal google developer tool:

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.lmadv.it/test/scroll/js/bgstretcher.js

Uncaught ReferenceError: $ is not defined brand.html:34

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.lmadv.it/test/scroll/js/jquery-1.8.2.min.js

Uncaught ReferenceError: jQuery is not defined jquery.jscrollpane.min.js:11

Uncaught ReferenceError: $ is not defined brand.html:53

Uncaught ReferenceError: $ is not defined brand.html:73

Prima poni rimedio agli errori poi, se ancora no va, si vede.

In altre parole, la libreria jquery va messo prima di qualunque script fatto in jquery (tipo dopo i .css file ma PRIMA degli script).

[Tristal]

Ah bene... allora per l'errore n. 1 so che non lo chiama perchè ho svuotato io la home page per far vedere solo il mio problema, è un js che riguarda un altro effetto nel sito. Il n. 2 cos'e'? N. 3, ho messo il fine nella cartella giusta. N. 4-5-6 cosa sono?


poi ho sistemato l'ordine, ho messo

jquery (jquery-1.8.2.min.js*)

css (jquery.jscrollpane.css*, reset.css, stile.css)

js (jquery.jscrollpane.min.js*, js/bgstretcher.js)

stile css

*<style type="text/css" id="page-css">
			/* Styles specific to this particular page */
			.scroll-pane
			{
			width: 100%;
			height: 200px;
			overflow: auto;
			margin-top: 20px;
			}			
		</style>

e gli script

*<script type="text/javascript" id="sourcecode">
			$(function()
			{
				$('.scroll-pane').jScrollPane();
			});
		</script>
        




<script type="text/javascript">
	$(document).ready(function(){
        //  Initialize Backgound Stretcher	   
		$(document).bgStretcher({
			images: ['sfondi/4.jpg', 'sfondi/5.jpg', 'sfondi/6.jpg'],
			imageWidth: 1306, imageHeight: 979
		});
		
		$('#toggleAnimation').click(function(){
	       if($(this).val() == "Pause Animation"){
	           $(this).val("Resume Animation");
	           $(document).bgStretcher.pause();
	       } else {
	           $(this).val("Pause Animation");
	           $(document).bgStretcher.play();
	       }
		});
	});
</script>

<script type="text/javascript">
	$(document).ready(function(){
       
	   
	    $("#mostramenu").click(function () {
			$(this).slideUp();
			$("#content").slideUp().fadeOut("slow");
			$("#menu").delay(500).slideDown("slow").fadeIn("slow");
			return false;
		});
	});
</script>

asterisco: sono i file che interessano lo scroll del testo, per il resto sono altri file cmq utili per il mio sito, che ho dovuto lasciare per stabilire l'ordine, altrimenti tutto finziona, vedi esempio di seguito:

http://www.lmadv.it/test/scroll2/basic.html

qui funziona tutto!!

[Nobody33]

Ora funziona anche su http://www.lmadv.it/test/scroll/brand.html.

Devi solo sistemare un po il css, togliere il rosso nella srcollbar, fare quest'ultima un po più spessa (4px è un casino), giocare con content p, ecc...

Nota: per lo script sarebbe utile qualche altro plugin in modo da poter scrollare anche con la rotellina del topo.

Prova effettuata:

.jspVerticalbar{
background:/*eliminare il rosso !*/}
.jspTrack{width:16px;}/*per vederlo meglio*/
.jspDrag{width:16px;}
#content p{width:164px;}/*164px + 16px = 180px, ovvero la larghezza del container*/