Grazie per avermi risposto $Red.
Ho risolto il problema e posto questa breve guida che potrebbe interessare ad altri. Spero sia utile e che faccia piacere.
Scarichi jquery backstretch e lo copi nella cartella: templates/protostar/js/jquery.backstretch.js.
Alla fine del codice .php metti questo:
$doc->addScript('templates/'.$this->template.'/js/jquery.backstretch.js');Fai in modo che si presenti cosi:
{
$doc->addScript('templates/'.$this->template.'/js/jquery.backstretch.js');
}
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>Poi, appena dopo l'apertura del tag body:
<body class="site <?php echo $option
. ' view-' . $view
. ($layout ? ' layout-' . $layout : ' no-layout')
. ($task ? ' task-' . $task : ' no-task')
. ($itemid ? ' itemid-' . $itemid : '')
. ($params->get('fluidContainer') ? ' fluid' : '');
inserisci questo codice:
<?php
$doc->addScriptDeclaration('
(function($) {
$(document).ready(function() {
$.backstretch(["templates/protostar/images/tua_immagine.jpg"]);
});
})(jQuery);
');
?>Fai in modo che si presenti cosi:
<body class="site <?php echo $option
. ' view-' . $view
. ($layout ? ' layout-' . $layout : ' no-layout')
. ($task ? ' task-' . $task : ' no-task')
. ($itemid ? ' itemid-' . $itemid : '')
. ($params->get('fluidContainer') ? ' fluid' : '');
echo ($this->direction == 'rtl' ? ' rtl' : '');
?>">
<?php
$doc->addScriptDeclaration('
(function($) {
$(document).ready(function() {
$.backstretch(["templates/protostar/images/tua_immagine.jpg"]);
});
})(jQuery);
');
?>
<!-- Body -->
<div class="body">
<div class="container<?php echo ($params->get('fluidContainer') ? '-fluid' : ''); ?>">L'immagine di sfondo deve trovarsi della cartella "images" del template Protostar.
Credo che così non c'è da sbagliarsi.
Se desiderate che il livello superiore (quello che è diventato scorrevole) sia trasparente, aprite il file css del template Protostar (si trova nella catella css) e alla riga 4609 aggiungete la riga "opacity" come ho fatto io:
.carousel-control:focus {
color: #fff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90); variando il valore 0.1 - 0.9 varia anche la trasparenza.
Buon lavoro!
Saluti, Franco
