Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá para todos.
Bom, estou mechendo num site aki que tenho que adicionar um balão, quando colocar o mouse encima de um imagem, ae o balão aparece.
O script funciona assim.
antes do heade eu coloco
$(document).ready(function() {
$('#example').bt({
ajaxPath: 'demo-ajax.php?id=' + 123,
padding: 10, // Largura da Parde
width: 350,
spikeLength: 12, // Esticamento da seta
spikeGirth: 12, // Largura da seta
cornerRadius: 7, // Arredondação das Bordas
fill: 'rgba(0, 0, 0, .7)', // Cor da Caixa
strokeWidth: 1, // Largura da Borda
strokeStyle: '#666',
cssStyles: {color: '#FFF'},
// /**/
});
});
ae no html do site eu coloco.
<img id="example" src="template/img/infoproduto.gif" />
Ae funciona.
Agora o problema é tipo assim.
Eu preciso colocar umas 20 a 40 imagens na página.
estão fika muito grande o script.
porque veja só como fika com 2.
$(document).ready(function() {
$('#example').bt({
ajaxPath: 'demo-ajax.php?id=' + 123,
padding: 10, // Largura da Parde
width: 350,
spikeLength: 12, // Esticamento da seta
spikeGirth: 12, // Largura da seta
cornerRadius: 7, // Arredondação das Bordas
fill: 'rgba(0, 0, 0, .7)', // Cor da Caixa
strokeWidth: 1, // Largura da Borda
strokeStyle: '#666',
cssStyles: {color: '#FFF'},
// /**/
});
$('#example2').bt({
ajaxPath: 'demo-ajax.php?id=' + 124,
padding: 10, // Largura da Parde
width: 350,
spikeLength: 12, // Esticamento da seta
spikeGirth: 12, // Largura da seta
cornerRadius: 7, // Arredondação das Bordas
fill: 'rgba(0, 0, 0, .7)', // Cor da Caixa
strokeWidth: 1, // Largura da Borda
strokeStyle: '#666',
cssStyles: {color: '#FFF'},
// /**/
});
});
e na página
<img id="example" src="template/img/infoproduto.gif" />
<img id="example2" src="template/img/infoproduto.gif" />
ae fika muito grande.
Ae tava querendo saber se alguem sabe como faço para fazer tipo, um script que n seja muito grande e que funcione em todas as imagens que eu quero.
E também tem um id no script que preciso adicionar.
ajaxPath: 'demo-ajax.php?id=' + 124,
Porque o balão pega o html de um outro arquivo.
Ae preciso colocar na imagem o id do produto para aparecer no balão o html certo.
Carregando comentários...