Hola a tod@s los miembr@s de este magnifico foro.
Hace ya bastante tiempo que no entro en el foro,
Un Saludo a tod@s.
Necesito de vuestra valiosa ayuda, a ver si me podeis hechar un cable por favor.
Tengo este HTML:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<HEAD>
<script type='text/javascript'>
function inhabilitar(){return false; }
document.oncontextmenu=inhabilitar;
</script>
<TITLE>SLIDESHOWFULL</TITLE>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="responsiveslides.min.js"></script>
<script>
jQuery(function() {
$("#slides").responsiveSlides();
});
</script>
<style type="text/css">
#Image1 {
position: fixed;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height:100%;
}
</style>
</HEAD>
<body>
<div id="slides">
<img src="1.jpg" />
<img src="2.jpg" />
<img src="3.jpg" />
</div>
<img src="fondo-11.jpg " alt="BLUE" id="Image1" />
</body>
</html>
El cual le he puesto una imagen de fondo que se adapta a cualquier tamaño de resolucion de pantalla " al menos eso creo yo".
buscando como hacer un slideshow encontre esta pagina :
http://responsive-slides.viljamis.com/
El slide funciona a la perfeccion.
Pero tengo un problema y una pregunta.
El problema es que no se me centra como sale en la pagina web del autor,
este es el css que tengo:
Código PHP:
/*! ResponsiveSlides.js v1.04. (c) 2011-2012 Viljami Salminen. MIT License. http://responsive-slides.viljamis.com */
(function(a){a.fn.responsiveSlides=function(d){var c={speed:4E3,fade:1E3,auto:!0,maxwidth:"none",namespace:"rs"};return this.each(function(){var b=a(this);d&&a.extend(c,d);var g=function(){var a=parseFloat(c.maxwidth);d&&d.maxwidth&&"undefined"===typeof document.body.style.maxHeight&&b.each(function(){b.css("width","100%");b.width()>a?b.css("width",a):b.width()<a&&b.css("width","100%")})};(function(){var f=b.find("img"),e=c.namespace,d=e+"_here",h=e+"_on",i=e+"_s",k=e+"_tabs",e=a('<ul class="'+k+
'" />'),j=parseFloat(c.fade),l={position:"relative","float":"left"},g={position:"absolute","float":"none"};1<b.find(f).length&&(f.each(function(a){this.id=i+a}),f.css({top:0,left:0,width:"100%",height:"inherit",position:"absolute"}),b.css({"max-width":parseFloat(c.maxwidth),width:"100%",overflow:"hidden",position:"relative"}).find(":first-child").css(l).end().find(f+":gt(0)").hide(),!0===c.auto?setInterval(function(){b.find(":first-child").fadeOut(j,function(){a(this).css(g)}).next(f).fadeIn(j,function(){a(this).css(l)}).end().appendTo(b)},
parseFloat(c.speed)):(t="",f.each(function(a){a+=1;t+='<li><a href="#'+i+a+'"class="'+i+a+'">'+a+"</a></li>"}),e.append(t),b.after(e).find(":first-child").addClass(h),a("."+i+"1").parent().addClass(d),a("."+k+" a").each(function(b){var c=a(this);c.click(function(e){e.preventDefault();if(a("."+h+":animated").length)return!1;c.parent().hasClass(d)||(a("."+k+" li").removeClass(d),a("."+h).stop().fadeOut(j,function(){a(this).removeClass(h).css(g)}).end(),a("#"+i+b).stop().fadeIn(j,function(){a(this).addClass(h).css(l)}).end(),
c.parent().addClass(d))})})))})();g();a(window).resize(function(){g()})})}})(jQuery);
No se si me falta, o tengo que añadir algo.
Y la pregunta es que si se puede poner un link distinto a cada fotografia que sale, en el slide.
Poner un solo link para todas la fotografias igual lo he conseguido, pero me interesaria que en cada una de las fotos me fuera a un siti diferente.
Muchisimas gracias por adelantado