Duas galerias jQuary na mesma página
E ai pessoal, tudo tranquilo?
Vamos ver se alguém pode me ajudar. Trabalho em um portal que é uma guia de várias empresas, e muitas vezes algumas delas aparecem na mesma página (por exemplo: se temos duas imobiliárias anunciando, as duas aparecerão na mesma página). Recentemente colocamos um slide de fotos para cada cliente, utilizando o soft Hislider. Enquanto estava nas páginas onde só estava um cliente, funcionou corretamente, mas nas páginas com mais de um cliente, nenhuma das duas funciona. ficou mais ou menos assim:
Dentro do body, esse é o slide para o primeiro cliente:
<td width="413" height="268" align="center" valign="middle" bgcolor="#CCCCCC"><script type="text/javascript" src="guindastes/es_locacoes/galeria/sliderengine/jquery.js"></script> <script type="text/javascript" src="guindastes/es_locacoes/galeria/sliderengine/jquery.hislider.js"></script> <div id='hislider1' style=" max-width:413px; max-height:275px;height:100%; margin: 0 auto;"> <noscript> The slider is powered by <strong>Hi Slider</strong>, a easy jQuery image slider from <a target="_blank" href="http://hislider.com">hislider.com</a>. Please enable JavaScript to view. </noscript> <div class="hi-about-text" style="display:none">This jQuery slider was created with the free <a style="color:#FFF;" href="http://hislider.com" target="_blank">Hi Slider</a> for WordPress plugin,Joomla & Drupal Module from hislider.com.<br /> <br /> <a style="color:#FFF;" href="#" class="hi-about-ok">OK</a></div> <div class="hi-slider-watermark" style="display:none"><a href="http://hislider.com" target="_blank">hislider.com</a></div> </div></td>
Depois, ainda dentro do body, temos o segundo anúncio:
<td width="413" height="266" align="center" valign="middle" bgcolor="#B6C9D3"><script type="text/javascript" src="bombas_hidraulicas/so_bombas/galeria/sliderengine/jquery.js"></script> <script type="text/javascript" src="bombas_hidraulicas/so_bombas/galeria/sliderengine/jquery.hislider.js"></script> <div id='hislider1' style=" max-width:413px; max-height:275px;height:100%; margin: 0 auto;"> <noscript> The slider is powered by <strong>Hi Slider</strong>, a easy jQuery image slider from <a target="_blank" href="http://hislider.com">hislider.com</a>. Please enable JavaScript to view. </noscript> <div class="hi-about-text" style="display:none">This jQuery slider was created with the free <a style="color:#FFF;" href="http://hislider.com" target="_blank">Hi Slider</a> for WordPress plugin,Joomla & Drupal Module from hislider.com.<br /> <br /> <a style="color:#FFF;" href="#" class="hi-about-ok">OK</a></div> <div class="hi-slider-watermark" style="display:none"><a href="http://hislider.com" target="_blank">hislider.com</a></div> </div></td>
Montamos sem imaginar que um daria problema ao outro. Ai quando vimos, nenhum dos dois estavam funcionando.
Bom, é isso galera. Qualquer ajuda será bem-vinda. =D
Só para atualizar. No segundo código, alterei o nome da div para hislidersobombas, e também mudei dentro dos arquivos da galeria que continham o nome da div. Agora pelo menos um dos dois funciona e o outro não.
a propósito. jQuery***
Discussão (3)
Carregando comentários...