jquery-meerkat

pmike · #1 (**permalink**) 04/09/2010, 14:43

Hola a todos

Alguno ha probado el script jquery de meerkat, que trata de los pop-up tipo banner.

Es que empecé a montarlo pero NO me funciona !!!

gracias de antemano

tredio · #2 (**permalink**) 04/09/2010, 20:20

pon un link a ver de que va.

pmike · #3 (**permalink**) 05/09/2010, 02:34

Si es verdad mejor poner la URL del script:

http://meerkat.jarodtaylor.com/how-to/basic-usage

He subido los archivos que son necesarios para mover el banner:
jquery-1.3.2.min.js
jquery.meerkat.1.0.js

Ejecuto el archivo archivo meerkat-ad.htm aparece el banner pero no se mueve

He seguido todos los pasos ahí descritos pero no me funciona !!

AQUI ESTA MI CÓDIGO

-------------------------------------------------------------------------------------------------
//archivo footer.php

<div id="meerkat">
<div id="meerkat-ad" style="color: #FFF;">
<a href="http://www.miweb.com">
<img src="http://www.miweb/meerkat/images/bannerurl.jpg" width="533" height="131"> </a>
<a class="close">Cerrar</a> </div>
</div>

---------------------------------------------------------------------------------------------

//archivo meerkat-ad.htm

<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.meerkat.1.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
meerkat({
close: '.close',
dontShow: '.close',
animation: 'slide',
animationSpeed: 500,
dontShowExpire: 0,
removeCookie: '.remove-cookie',
meerkatPosition: 'bottom',
background: '#2e2a22 url(images/meerkat-bg.png) repeat-x 0 0',
height: '110px'
});
});

</script>
</head>
<body>
<?php include("footer.php"); ?>
<div id="wrapper">
<a href="http://www.miweb.com">
<img src="http://www.miweb/images/bannerurl.JPG" height="113"></a>
</div>
<div class="meerkat">
//Contenido
</div>
</body>
</html>
--------------------------------------------------------------------------------------------------
// archivo style.css

#meerkat-ad {
margin:0 auto;
padding-top:10px;
width:730px;
}

a.close {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/close-btn.png) no-repeat scroll 0 0;
display:block;
height:26px;
position:absolute;
right:3px;
text-indent:-9000px;
top:7px;
width:26px;
}

NOTA: Es un script muy bueno, que merece la pena probarlo.

Gracias

tredio · #4 (**permalink**) 05/09/2010, 12:07

aca lo probe y te cree un ejemplo, me dices que tal te va.

http://www.megaupload.com/?d=OKCRBGMM

pmike · #5 (**permalink**) 06/09/2010, 12:21

Gracias Tredio

El error estaba en

<div class="meerkat">

como tu indicaste bien era

<div id="meerkat">

Gracias de nuevo compañero

tredio · #6 (**permalink**) 06/09/2010, 12:40

no hay problema, que bien que te haya funcionado.