salve in questa pagina
http://www.camperpress.info/foto-vid...ery.php?tipo=1
utilizzo uno scroll in jquery con questo javascript:
<script type="text/javascript" src="scripts/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="scripts/jquery.mousewheel.js"></script>
<script type="text/javascript" src="scripts/jScrollPane.js"></script>
<script type="text/javascript">
$(function()
{
// this initialises the demo scollpanes on the page.
$('#pane1').jScrollPane();
$('#pane2').jScrollPane({showArrows:true});
$('#pane3, #pane4').jScrollPane({scrollbarWidth:20, scrollbarMargin:10});
// this allows you to click a link to add content to #pane4 and shows how to
// reinitialise the scrollbars when you have done this.
$('#add-content').bind(
'click',
function()
{
$('#pane4').append($('
</p>').html($('#intro').html())).jScrollPane({scroll barWidth:20, scrollbarMargin:10});
}
);
// and this allows you to click the link to reduce the amount of content in
// #pane4 and reinitialise the scrollbars.
$('#remove-content').bind(
'click',
function()
{
$('#pane4').empty().append($('
</p>').html($('#intro').html())).jScrollPane({scroll barWidth:20, scrollbarMargin:10});
}
);
});
</script>
funziona tutto bene tranne in Firefox quando nello scroll sono presenti i video youtube con <object etc..
ho aggiunto anche wmode=opaque ma niente da fare
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/gKnOGgXVm7E&hl=it&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="opaque"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/gKnOGgXVm7E&hl=it&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
cosa posso fare??