Conflito Shadow Box Light Box

[Murilo Eduardo B. Santos 0]

Boa tarde pessoal,

 

Tenho uma página que abria uma ShadowBox quando clicava numa imagem, só que nessa mesma página preciso abrir uma lightbox para exibir outras imagens, ai quando clico no link da lightbox abre as fotos na ShadowBox, ai fecho a ShadowBox e vejo que a lightbox abriu em baixo da shadowBox.

 

Abaixo os arquivos que estão lincados

   <script src="/js/shadowbox/shadowbox.js"></script>
   <link href="/js/shadowbox/shadowbox.css" rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="/lightbox/js/prototype.js"></script>
   <script type="text/javascript" src="/lightbox/js/scriptaculous.js?load=effects,builder"></script>
   <script type="text/javascript" src="/lightbox/js/lightbox.js"></script>
   <link rel="stylesheet" href="/lightbox/css/lightbox.css" type="text/css" media="screen" />

e na pagina tem o jquery que precisa pra shadow funcionar:

 Shadowbox.init({
           handleOversize: "drag",
           modal: true

       });

O que posso faze para resolver o problema? Obrigado.

[William Bruno 1501]

pelo que olhei rapidamente na documentação do ShadowBox, você vai ter q setar com o rel="shadowbox", os links q devem ser desse plugin.

 

e com o outro os q devem ser do lightbox.

corrija no html.

[Murilo Eduardo B. Santos 0]

o da lightbox está assim:

 

<a rel='lightbox[roadtrip]'

 

 

o outro tentei

 

<a rel='shadowbox'

 

não deu certo

 

deve faltar algo pra por entre os colchetes igual o da lightbox

[William Bruno 1501]

não precisa do [], só se você quiser agrupar.

 

como está o html de tudo ? (de todos os links)

[Murilo Eduardo B. Santos 0]

<script type="text/javascript">
       function mostraAgenda(id) {
           ModalBox('/detalhe.aspx?pagina=agenda&id=' + id, 570, 400, '');
       }
       Shadowbox.init({
           handleOversize: "drag",
           modal: true

       });
</script>
function ModalBox(url, width, height, tituloJanela) {
   Shadowbox.open({
       player: 'iframe',
       content: url,
       width: width,
       height: height,
       title: tituloJanela
   });

 

dentro de um For monto o html da parte que tem que ser shadowbox:

 

  html += "       <div class='eventoAgendaHome'>";
                   html += string.Format("<a rel='shadowbox' href='javascript:mostraAgenda({0});'>{1}</a>",intAgenda, evento);
                   html += "       </div>";

 

 

aqui monto o html de onde deve ser lightbox:

 

  html += string.Format("   <a rel='lightbox[roadtrip]' href={3}mostra_foto_fotos.asp?altura=500&foto={2}'><img width='146' height='146' title='{0}' src='{1}' border='0' /></a>", descricao, foto, sdr["strFoto"].ToString(),ConfigurationManager.AppSettings["url"]);

[Murilo Eduardo B. Santos 0]

<script type="text/javascript">
       function mostraAgenda(id) {
           ModalBox('/detalhe.aspx?pagina=agenda&id=' + id, 570, 400, '');
       }
       Shadowbox.init({
           handleOversize: "drag",
           modal: true

       });
</script>
function ModalBox(url, width, height, tituloJanela) {
   Shadowbox.open({
       player: 'iframe',
       content: url,
       width: width,
       height: height,
       title: tituloJanela
   });

 

dentro de um For monto o html da parte que tem que ser shadowbox:

 

  html += "       <div class='eventoAgendaHome'>";
                   html += string.Format("<a rel='shadowbox' href='javascript:mostraAgenda({0});'>{1}</a>",intAgenda, evento);
                   html += "       </div>";

 

 

aqui monto o html de onde deve ser lightbox:

 

  html += string.Format("   <a rel='lightbox[roadtrip]' href={3}mostra_foto_fotos.asp?altura=500&foto={2}'><img width='146' height='146' title='{0}' src='{1}' border='0' /></a>", descricao, foto, sdr["strFoto"].ToString(),ConfigurationManager.AppSettings["url"]);