Back to top

rss feed
« precedente successivo »
Pagine: [1]   Vai giù

Autore Topic: Effetto ingrandimento jquery  (Letto 5369 volte)

Offline jiji

  • Nuovo arrivato
  • *
  • Post: 14
    • Mostra profilo
Effetto ingrandimento jquery
« il: 23 Ott 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


Grazie
Connesso

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #1 il: 23 Ott 2012, 17:59:41 »
prova qualcosa come
Codice: [Seleziona]
$("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
Connesso

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #2 il: 23 Ott 2012, 18:10:52 »
giovi dove la inserisci la classe in quel codice?
Connesso
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #3 il: 23 Ott 2012, 18:34:39 »
$("img") diventa $("img.classeapplicata")
Connesso

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #4 il: 23 Ott 2012, 19:33:50 »
Grazie!
Connesso
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline jiji

  • Nuovo arrivato
  • *
  • Post: 14
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #5 il: 24 Ott 2012, 10:23:08 »
Grazie per la disponibilità...
ma devo cmq importare la libreria jquery?? ... senza non mi funza >:(



Connesso

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #6 il: 24 Ott 2012, 10:41:57 »
si, una funzione di jquery funziona solo se jquery è presente
Connesso

Offline jiji

  • Nuovo arrivato
  • *
  • Post: 14
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #7 il: 24 Ott 2012, 10:46:12 »
...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
Connesso

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #8 il: 24 Ott 2012, 10:48:47 »
se il template già include jquery non dovrebbe esserci bisogno di includerlo nuovamente. Puoi fornire un link al sito?
Connesso

Offline jiji

  • Nuovo arrivato
  • *
  • Post: 14
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #9 il: 24 Ott 2012, 11:04:28 »
Il sito è ancora offline... cmq se puo' essere utile, giro l'head.
Codice: [Seleziona]
<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...
Connesso

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #10 il: 24 Ott 2012, 11:14:22 »
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!
Codice: [Seleziona]
<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>
Connesso

Offline jiji

  • Nuovo arrivato
  • *
  • Post: 14
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #11 il: 24 Ott 2012, 11:15:50 »
Codice: [Seleziona]
invertito le righe che richiamano jquery da....
<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???

Connesso

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #12 il: 24 Ott 2012, 11:16:21 »
C'era un errore di sintassi nel codice che ti ho postato prima. Così dovrebbe essere corretto:
Codice: [Seleziona]
$("img").click(function () {
      css({"width":"500px"});
});
Connesso

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #13 il: 24 Ott 2012, 11:17:23 »
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?
« Ultima modifica: 24 Ott 2012, 11:20:45 da giovi »
Connesso

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4047
  • Sesso: Maschio
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #14 il: 24 Ott 2012, 12:56:39 »
Io ho utilizzato su un sito Mouse Over Zoom. Interessante e carino!
Connesso

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Effetto ingrandimento jquery
« Risposta #15 il: 26 Ott 2012, 19:20:30 »
salve a tutti,
se può servire, tempo fa scrissi questo plugin, che mi sembra abbia le caratteristiche che richiedi.
Connesso
Pagine: [1]   Vai su
« precedente successivo »
 



Web Design Bolzano Kreatif


Copyleft: Tutto il materiale pubblicato o comunque presente all'interno del sito www.joomla.it
può essere utilizzato, diffuso e modificato liberamente.
Hosting fornito gratuitamente da Joomlahost.it
Disegno web da kreatif multimedia srl