Problema con href

[sagdec]

Que tal el asunto es que tengo un pequeño problema se trata de que tengo unas imagenes que se van moviendo en forma de carrousel (de izquierda a derecha) y al dar clic sobre cualquiera de las imagenes me abre una pestaña nueva del navegador y me muestra una pagina, hasta ahi toda va bien el problema es que en la pagina principal el carrousel se detiene.

De igual forma tengo otra seccion en la pagina donde tengo otras imagenes con efecto de flip y tambien al abrir un enlace en una nueva pestaña el flip se detiene, esto solo pasa en firefox en chrome el flip sigue funcionando.

Alguien sabe a que se pueda deber este problema?

[ArturoGallegos]

Pueden ser muchas cosas pero sin ver tu código es imposible ayudarte... seria un juego de adivinanzas.

[Alexis88]

Si no muestras el código que tienes elaborado, nadie podrá ayudarte. No olvides utilizar el highlight respectivo.

Saludos

[sagdec]

Bueno cambie el href por el window.open
Aqui esta algo de código:

Aqui genero dinamicamente los div que contienen las imagenes a cada uno le agrego una funcion la cual a traves del window.open abro una pestaña y abri el link correspondiente

Código PHP:

<?php
          $query6 = new query;
          $query6->validaquery("select * from tintero.publicidad where estatus = '1'");
          if($query6->cantidadreg() > 0){
            $resultado = $query6->devuelveresult();
            while($row = mysql_fetch_array($resultado)){
              $id_img = $row["id_img_publicidad"];
              $titulo = $row["titulo"];
              $link = $row["link"];
 
              $query2 = new query;
              $query2->validaquery("select * from tintero.imagen_publicidad where id_img_publicidad = '$id_img'");
                $rutaImagen = $query2->valorrenglon("ruta");
 
              $imagenes.="<div class='item' >
                          <div class='view effect'>
                             <img  src='IMG/otras/publicidad/".$rutaImagen."' style='width: 100%;height: 100%;'/>
                             <div class='mask'></div>
                          
                               <div class='content' style='cursor:pointer' ".'onclick="abrirLink('."'$link'".')"'."  title='".$titulo."'>
                               </div>
                            
                           </div>
                          </div>";
            }
 
            $publi = "<div id='owl-demo' class='owl-carousel' >
                        $imagenes
                      </div>";
            echo $publi;
          } else {
            echo "No se tienen imagenes de publicidad por el momento.";
          }
        ?>
 

Funcion para abrir pestaña:

Código Javascript:

function abrirLink(link){
        window.open("http://"+link);
      }
 

Hasta aqui todo va bien ahora la funcion que hacen que se muevan los div es la siguiente:
cada 4 segundo se recorre un div hacia la izquierda para mostrar el siguiente, cuando llega al final se recorren todos los div hasta el inicio

Código Javascript:

$(document).ready(function() {
    $("#owl-demo").owlCarousel({
        autoPlay: 4000,
        items : 5,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [979,3]
      });
});
 

Al abrir una nueva pestaña los div dejan de moverse como si la funcion se detuviera pero no se a que se debe.

[caricatos]

Hola:

No tengo idea de eso del href... es un atributo de los enlaces que "a grosso modo" no he encontrado en el código.

Leyendo los mensajes del tema, me imagino que el problema se resuelve con un "return false" en javascript, pero evidentemente usas librerías y con esa condición no puedo ayudar... por cierto, hemos movido el tema.

Saludos

[apacheJack]

Deja que veamos tu ejemplo funcionando en algún enlace que quieras pasarnos. A ver si podemos ayudarte mejor.

[sagdec]

Mira se me complica subir el codigo pero en esta página fué de donde sace el movimiento de los div

http://owlgraphic.com/owlcarousel/demos/images.html

Lo que se me hace raro es que se detienen el movimiento cuando abro una pestaña al dar clic en alguna de las imagenes

[apacheJack]

http://owlgraphic.com/owlcarousel/demos/click.html
Qué tal si estructuras tu carousel como el del ejemplo? Utilizando los <a class='item link'> que propone?

<a class='item link' href='#' onclick='abrirLink(link);return false'></a>


o más limpio:
HTML

Código:

<a class='item link' href='#' data-link='http://enlacecualquiera.xxx'></a>

JS

Código:

$(document).ready(function() {

$('.link').on('click', function(event){
    event.preventDefault();
   var link = $(this).attr('data-link');
   abrirLink(link);
});

});