Ver Mensaje Individual
  #3 (permalink)  
Antiguo 05/09/2010, 02:34
Avatar de pmike
pmike
 
Fecha de Ingreso: marzo-2004
Ubicación: Barcelona
Mensajes: 313
Antigüedad: 20 años, 8 meses
Puntos: 7
Respuesta: jquery-meerkat

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
__________________
www.visitaspirata.com