Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => : jiji 23 Oct 2012, 16:31:34
-
Ciao a tutti,
dopo varie ricerche, ahimé inutili :-\ ,
vi scrivo per capire se esiste la possibilità di inserire un'immagine che si ingrandisca all'interno dell'articolo stesso. Se non ho capito male, servirebbe jquery.
Qualcuno conosce qualche estensione che consenta di avere il seguente effetto:
http://www.tuttosport.com/calcio/champions_league/2012/10/23-220686/Juve%2C+Vucinic+in+dubbio.+In+avanti+Matri-Giovinco (http://www.tuttosport.com/calcio/champions_league/2012/10/23-220686/Juve%2C+Vucinic+in+dubbio.+In+avanti+Matri-Giovinco)
Grazie
-
prova qualcosa come
$("img").click(function () {
css({"widht":"500px"});
});
Così com'è scritta si applica a tutte le immagini ma puoi limitare l'applicazione applicando una class all'immagine da ingrandire
-
giovi dove la inserisci la classe in quel codice?
-
$("img") diventa $("img.classeapplicata")
-
Grazie!
-
Grazie per la disponibilità...
ma devo cmq importare la libreria jquery?? ... senza non mi funza >:(
-
si, una funzione di jquery funziona solo se jquery è presente
-
...grassie, ma te lo chiedevo perchè speravo non lo fosse.
Il template che ho adottato già presenta una libreria jquery... se inserisco anche quella dell'effetto, mi crea problemi. C'e' un modo per richiamarla localmente??(temo di essere O.T., però)
Grazie
-
se il template già include jquery non dovrebbe esserci bisogno di includerlo nuovamente. Puoi fornire un link al sito?
-
Il sito è ancora offline... cmq se puo' essere utile, giro l'head.
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="title" content="Il frantoio" />
<meta name="author" content="Administrator" />
<meta name="description" content="" />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>Il frantoio</title>
<link href="/templates/hot_flashes/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="/modules/mod_jflanguageselection/tmpl/mod_jflanguageselection.css" type="text/css" />
<script type="text/javascript" src="/includes/js/joomla.javascript.js"></script>
<script type="text/javascript" src="/media/system/js/mootools.js"></script>
<script type="text/javascript" src="/media/system/js/caption.js"></script>
<script type="text/javascript">window.addEvent('domready', function(){ var JTooltips = new Tips($$('.hasTip'), { maxTitleChars: 50, fixed: false}); });
</script>
<link href="http://fonts.googleapis.com/css?family=Dancing+Script:700" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700' rel='stylesheet' type='text/css' />
<link href="/templates/hot_flashes/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="/templates/hot_flashes/css/layout.css" rel="stylesheet" type="text/css" />
<link href="/templates/hot_flashes/css/effect.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/templates/hot_flashes/js/jquery.min.js"></script>
<script type="text/javascript" src="/templates/hot_flashes/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript"> jQuery.noConflict();</script>
<script type="text/javascript" src="/templates/hot_flashes/js/jquery.bgpos.js"></script>
<script type="text/javascript" src="/templates/hot_flashes/js/jquery.balloon.min.js"></script>
</head>oppure giro l'intera pagina... cmq sta di fatto che mi crea lo scompiglio...
-
non è solo utile ma il minimo che puoi fare per permettere di cercare una soluzione...
ma il template così com'è funziona bene? Perchè già vedo che jquery è stato incluso 2 volte (inutilmente).. se poi ce lo aggiungi anche la terza fai il botto!<script type="text/javascript" src="/templates/hot_flashes/js/jquery.min.js"></script>
<script type="text/javascript" src="/templates/hot_flashes/js/jquery-1.3.2.min.js"></script>
-
<script type="text/javascript" src="/templates/hot_flashes/js/jquery.min.js"></script>
<script type="text/javascript" src="/templates/hot_flashes/js/jquery-1.3.2.min.js"></script>[/code]
a
<script type="text/javascript" src="/templates/hot_flashes/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/templates/hot_flashes/js/jquery.min.js"></script>[/code]
e ora funza!!
perchè dici che lo richiamo inutilmente???
-
C'era un errore di sintassi nel codice che ti ho postato prima. Così dovrebbe essere corretto:
$("img").click(function () {
css({"width":"500px"});
});
-
Perchè sta richiamando due volte la stessa cosa: il min non è altro che una versione compressa della versione di jquery che include subito dopo. A che serve caricare la versione compressa di un file se poi tanto carichi anche quella originale? Non solo non risparmi banda ma appesantisci ancora di più il sito!
edit: se può essere più chiaro un esempio immagina di fotocopiare e rimpicciolire un libro per avere a disposizione un fascicolo più piccolo e leggero, ma poi in borsa invece del fascicoletto creato ci metti sia il libretto che il libro originale... Che guadagno ne hai?
-
Io ho utilizzato su un sito Mouse Over Zoom (http://extensions.joomla.org/extensions/photos-a-images/images/image-magnifier/14961?qh=YToxOntpOjA7czoxMzoibW91c2VvdmVyem9vbSI7fQ%3D%3D). Interessante e carino!
-
salve a tutti,
se può servire, tempo fa scrissi questo plugin (http://extensions.joomla.org/extensions/photos-a-images/images/image-magnifier/15481?qh=YToxOntpOjA7czoyOiJyZCI7fQ%3D%3D), che mi sembra abbia le caratteristiche che richiedi.