tooltip image mootools

[agenti]

sto cercando di ottimizzare un tooltip che richiama una immagine

window.addEvent('domready', function(){
var Tips1 = new Tips($$('.tips'))
});


[img]locandina.gif[/img]

tutto funziona bene tranne che con explorer il tooltip indica sotto l'immagine
il path dell "href" dell'immagine miniatura

src='locandina.gif'
come posso fare per eliminarla... ?

[artorius]

mmm prova a cambiare il sistema:

Togli il title alle immagini e fai così:

window.addEvent('domready', function(){
   $$('.tips').each(function(item){
      item.store('tip:title', '');
      item.store('tip:text', '[img]'+item.get('src')+'[/img]');
      new Tips(item); 
   });
}); 

[agenti]

ok provo,
ma a cosa seerve la funzione .store?

[artorius]

store serve a salvare in un determinato elemento della pagina un determinato valore per una determinata chiave, Tips usa quelle chiavi tip:title e tip:text per ricavare dall'elemento i dati da visualizzare nel tooltip.
Se ti interessa: http://mootools.net/docs/Element/Element#Element:store e http://mootools.net/docs/Element/Ele...ement:retrieve per ritornate i dati salvati

E' molto utile perché tu puoi, per farti un esempio, fare:

<div id="MyStore" />

window.addEvent('domready', function(){
$('MyStore').store("MyKey", 'MyValue');
});

Poi, in un qualunque momento puoi fare:

$('MyStore').retrieve("MyKey"); ed ottenere "MyValue"

[agenti]

window.addEvent('domready', function(){
$$('.tips').each(function(item){
item.store('tip:title', '');
item.store('tip:text', '[img]'+item.get('src')+'[/img]');
new Tips(item);
});
});

però qualcosa non è perfgetta nella tua funzione:

se uso un immagine compressa nel tag "src" dell'immagine ...
il tooltip aprirà l'immagine compressa o sbaglio ?

[artorius]

che intendi per "immagine compressa?"

[agenti]

un immagine che tramite una funzionone .Net viene compressa (resized)

cmq ho risolto cosi...


window.addEvent('domready', function(){
$$('.tips').each(function(item){
item.store('tip:title', '');
item.store('tip:text', '[img]'+item.get('title')+'[/img]');
new Tips(item);
});
});

utilizzando il title per visualizzare l'immagine non compressa.

bastrebbe solo un fading e sarebbe perfetta..

[artorius]

beh allora:

window.addEvent('domready', function(){
   $$('.tips').each(function(item){
      item.store('tip:title', '');
      item.store('tip:text', '[img]'+item.get('title')+'[/img]');
      new Tips(item, {onShow : function(tip){
            tip.fade('in');
         }, onHide : function(tip){
            tip.fade('out');
         }
      });
   });
});

[Marko87]

Potete darmi qualche aiuto?

questo è il codice che ho usato:
<script src="../../js/mootools-release-1.11.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
$$('.tips').each(function(item){
item.store('tip:title', '');
item.store('tip:text', '[img]'+item.get('title')+'[/img]');
new Tips(item, {onShow : function(tip){
tip.fade('in');
}, onHide : function(tip){
tip.fade('out');
}
});
});

});
</script>

e poi chiamo l'immagine

[img]anteprima.gif\[/img]
cosa sto sbagliando?

[agenti]

io usavo 1.2 "mootools"

e poi:

[img]anteprima.gif\[/img]