Buonasera ragazzi, intanto colgo l occasione per ringraziare il portale per lo splendido supporto che da ad esperti e non del campo del linguaggio web!
Il mio problema nasce del fatto che ho preso in carico un portale precedentemente creato da un altro utente, con le informazioni dettate dall utente abbiamo optato per inserire una slide nella parte bassa del portale sopra la footer per creare una slide a box ho usato Amazing Carousel che utilizzo anche su altri portali in wordpress! una volta creata la slide mi da un codice da insere nella head del portale da qui nasce il problema appena la inserisco funziona lo slide basso quello nuovo per intenderci creato con AMAZING Caraousel ma non funziona la slide che si trova nella parte superiore del portale rimane fermo alla prima immagine.. Controllando il file head.php noto che in alto dove c'è la composizione della slide superiore anche li usa il jquery infatti appena rimuovo lo script inizia a funzionare..
La domanda come poter far lavorare entrambe le slide!?
Incollo l intera pagina incriminata .. Grazie anticipatamente a tutti!
<html>
<head>
<title>Bed and Breakfast Reggio Calabria - CASA BLANCA - BB Reggio Calabria - Reggio Calabria - Calabria</title>
<meta name="author" content="Stefano Candido WebMaster" />
<meta name="category" content="Bed and Breakfast" />
<meta name="language" content="italian" />
<meta name="keywords" content="Bed Breakfast , Reggio Calabria, , BB Reggio , Affitta Camere , Bed and Breakfast , B&B" />
<meta name="description" content="Presentazione del Bed and Breakfast di Reggio Calabria" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32422846-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/stile.css" />
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="css/ie8.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie7.css" /><![endif]-->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
$(document).ready(function() {
/*
* Examples - images
*/
$("a[rel=reggio_group]").fancybox({
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
/*
* Examples - various
*/
});
/***
Simple jQuery Slideshow Script
Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc. Please link out to me if you like it
***/
function slideSwitch() {
var $active = $('#slideshow IMG.active');
if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
// use this to pull the images in the order they appear in the markup
var $next = $active.next().length ? $active.next()
: $('#slideshow IMG:first');
// uncomment the 3 lines below to pull the images in random order
// var $sibs = $active.siblings();
// var rndNum = Math.floor(Math.random() * $sibs.length );
// var $next = $( $sibs[ rndNum ] );
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval( "slideSwitch()", 5000 );
});
</script>
<style type="text/css">
/*** set the width and height to match your images **/
#slideshowx {
position:relative;
height:250px;
}
#slideshowx IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#slideshowx IMG.active {
z-index:10;
opacity:1.0;
}
#slideshowx IMG.last-active {
z-index:9;
}
</style>
<script src="carouselengine/jquery.js"></script>
<script src="carouselengine/amazingcarousel.js"></script>
<link rel="stylesheet" type="text/css" href="carouselengine/initcarousel-1.css">
<script src="carouselengine/initcarousel-1.js"></script>
<script type="text/javascript">
<!--
var stile = "top=10, left=10, width=250, height=200, status=no, menubar=no, toolbar=no scrollbar=no";
function Popup(apri) {
window.open(apri, "tuapagina.htm", stile);
}
//-->
</script>
<!-- START MoByTheWay CODE-->
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.mobytheway.com/mobile/index_mobile.php?stid=617"> <script type="text/javascript" src="http://www.mobytheway.com/mobile/jsc/detect.php?uid=572&sid=617&chk=c31f23fc9557b2f4969 5efffe76abaee"></script>
<noscript>
<a href="http://www.mobytheway.com/mobile/?uid=572&sid=617&chk=c31f23fc9557b2f49695efffe76ab aee">
<img src="http://www.mobytheway.com/img/mobythewayscr.png" alt="MoByTheWay" border="0"></a>
</noscript> <!-- END MoByTheWay CODE -->
</head>
Rispondi quotando
