E se ti dicessi di si??
O mejo... sto provando Multithumb plugin, che carica da solo i Javascript che gli serve, aggiungendo le righe necessarie all'index.php, ovvio nella sezione HEAD.
Esempio:
<!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="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="joomla, Joomla" />
<meta name="description" content="Joomla! - il sistema di gestione di contenuti e portali dinamici" />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>Benvenuto in Joomla!</title>
<link href="/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link rel="stylesheet" href="/plugins/system/cd_scriptegrator/css/cd_scriptegrator.css.php" type="text/css" />
<link rel="stylesheet" href="http://www.casaledelbaco.it/modules/mod_cd_login/tmpl/css/mod_cd_login.css" type="text/css" />
<script type="text/javascript">
hs.graphicsDir = '/plugins/system/cd_scriptegrator/graphics/';
hs.outlineType = 'outer-glow';
hs.outlineWhileAnimating = true;
hs.showCredits = false;
hs.expandDuration = 250;
hs.loadingText = 'Loading...';
hs.loadingTitle = 'Click to cancel';
hs.anchor = 'auto';
hs.align = 'auto';
hs.transitions = ["fade", "expand"];
hs.dimmingOpacity = 1;
</script>
<script type="text/javascript">var GB_ROOT_DIR = "http://www.casaledelbaco.it//plugins/content/multithumb/greybox/";</script>
<script type="text/javascript" src="http://www.casaledelbaco.it//plugins/content/multithumb/greybox/AJS.js"></script>
<script type="text/javascript" src="http://www.casaledelbaco.it//plugins/content/multithumb/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="http://www.casaledelbaco.it//plugins/content/multithumb/greybox/gb_scripts.js"></script>
<link rel="stylesheet" href="http://www.casaledelbaco.it//plugins/content/multithumb/greybox/gb_styles.css" type="text/css" media="screen" />
<style type='text/css'>
/* Multithumb 2.1 alpha 1 */
/*
The comments below are to help you understanding and modifying the look and feel of thumbnails. Borders can be set using the border fields above. You can safely delete these comments.
*/
/*
Styles for the DIV surrounding the image.
*/
div.mtImgBoxStyle {
margin:5px;
}
/*
Styles for the caption box below/above the image.
Change font family and text color etc. here.
*/
div.mtCapStyle {
font-weight: bold;
color: black;
background-color: #ddd;
padding: 2px;
text-align:center;
overflow:hidden;
}
/*
Styles for the table based Multithumb gallery
*/
table.multithumb {
width: auto;
}</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="http://www.casaledelbaco.it/templates/jj_absolute/css/template_css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="http://www.casaledelbaco.it/images/favicon.ico" />
<!--[if IE]>
<link href="http://www.casaledelbaco.it/templates/jj_absolute/css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="http://www.casaledelbaco.it/templates/jj_absolute/css/ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script language="javascript" type="text/javascript" src="http://www.casaledelbaco.it/templates/jj_absolute/scripts/menu.js"></script>
<script language="javascript" type="text/javascript" src="http://www.casaledelbaco.it/templates/jj_absolute/scripts/jquery.js"></script>
<script language="javascript" type="text/javascript" src="http://www.casaledelbaco.it/templates/jj_absolute/scripts/slideshow.js"></script>
<style type="text/css" media="screen">
#slideshow {
position: relative;
width: 749px;
height: 147px;
overflow: hidden;
border-top: 10px solid #fff;
}
#slideshow img {
position: absolute;
left: 0;
top: 0;
width: 749px;
height: 147px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('#slideshow').slideshow({
timeout: 3500,
type: 'sequence'
});
});
</script>
<style type="text/css" media="screen">
body {
background: transparent url(http://www.casaledelbaco.it/templates/jj_absolute/images/content-shadow.jpg) no-repeat 50% 0;
}
</style></head>
Secondo voi, dove sta l'ingippo??
Grazie mille per ora!!
