Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje31-01-2014, 05:28 (UTC)    
Título del mensaje: Ayuda con la visualizacion de mi web

Hola PWGteros x3

Hoy traigo un problema que me esta desesperando :c
En mi web pongo este codigo y se deja de visualisar el Slider que esta al principio del contenido (Dice *Destacado*), y si lo quito se ve bien.
Alguien me podria ayudar para que se puedan visualizar los dos perfectamente?

Por favor! ñ.ñ

El codigo es este:
Cita:
<!-- Galeria--> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" ></script><script>$(function(){
var enl=$('[galeria]');
var fnd=$('div#fondoGaleria');
enl.click(function(e){var gl=$(this).attr('galeria');abreF();abreI();
if(this.tagName=='A'){e.preventDefault();if(gl==""){cargaImagen(this.href);return;}}
else if(this.tagName=='IMG'){if(gl==""){cargaImagen(this.src);return;}}
cargaImagen(gl);
});
function cargaImagen(src){ var img=new Image();img.src=src;
$('div#centraGaleria img').attr('src',src);
img.onload=function(){
if(window.innerHeight>img.height){ $('div#centraGaleria').css({'top':(window.innerHeight/2-(img.height/2)),'position':'fixed'});}else{$('div#centraGaleria').css({'top':'0px','position':'absolute'});}
$('div#centraGaleria img').animate({'width':img.width,'height':img.height},300);
}
}
$('div#centraGaleria img').error(function(){cierraF();cierraI();});
function abreI(){$('div#centraGaleria').css('display','block');}
function cierraI(){ $('div#centraGaleria img').animate({'width':'80px','height':'80px'},300,function(){$('div#centraGaleria').css({'display':'none','top':'34%'});});}
$('div#fondoGaleria,div#centraGaleria').click(function(){cierraF();cierraI();}).mouseover(function(){window.status="Click para cerrar";});
function abreF(){fnd.css('display','block').animate({'opacity':1},300);}
function cierraF(){fnd.animate({'opacity':0},300,function(){$(this).css('display','none');});}
});</script>
<div id="fondoGaleria" title="Click para cerrar" style="display:none;opacity:0;z-index:99;background:rgba(10, 6, 6, 0.7216);position:fixed;top:0px;left:0px;width:300%;height:300%;">&nbsp;</div>
<div id="centraGaleria" title="Click para cerrar" style="display:none;width:100%;position:absolute;top:34%;left:0px;text-align:center;z-index:100;"><img alt="Cargando" style="width:80px;height:80px;" /></div>
<!-- Fin del codigo galeria -->


El codigo es para agrandar una imagen al darle click*
Mensaje01-02-2014, 03:26 (UTC)    
Título del mensaje: Re: Ayuda con la visualizacion de mi web

Happykraken escribió:
Hola PWGteros x3

Hoy traigo un problema que me esta desesperando :c
En mi web pongo este codigo y se deja de visualisar el Slider que esta al principio del contenido (Dice *Destacado*), y si lo quito se ve bien.
Alguien me podria ayudar para que se puedan visualizar los dos perfectamente?

Por favor! ñ.ñ

El codigo es este:
Cita:
<!-- Galeria--> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" ></script><script>$(function(){
var enl=$('[galeria]');
var fnd=$('div#fondoGaleria');
enl.click(function(e){var gl=$(this).attr('galeria');abreF();abreI();
if(this.tagName=='A'){e.preventDefault();if(gl==""){cargaImagen(this.href);return;}}
else if(this.tagName=='IMG'){if(gl==""){cargaImagen(this.src);return;}}
cargaImagen(gl);
});
function cargaImagen(src){ var img=new Image();img.src=src;
$('div#centraGaleria img').attr('src',src);
img.onload=function(){
if(window.innerHeight>img.height){ $('div#centraGaleria').css({'top':(window.innerHeight/2-(img.height/2)),'position':'fixed'});}else{$('div#centraGaleria').css({'top':'0px','position':'absolute'});}
$('div#centraGaleria img').animate({'width':img.width,'height':img.height},300);
}
}
$('div#centraGaleria img').error(function(){cierraF();cierraI();});
function abreI(){$('div#centraGaleria').css('display','block');}
function cierraI(){ $('div#centraGaleria img').animate({'width':'80px','height':'80px'},300,function(){$('div#centraGaleria').css({'display':'none','top':'34%'});});}
$('div#fondoGaleria,div#centraGaleria').click(function(){cierraF();cierraI();}).mouseover(function(){window.status="Click para cerrar";});
function abreF(){fnd.css('display','block').animate({'opacity':1},300);}
function cierraF(){fnd.animate({'opacity':0},300,function(){$(this).css('display','none');});}
});</script>
<div id="fondoGaleria" title="Click para cerrar" style="display:none;opacity:0;z-index:99;background:rgba(10, 6, 6, 0.7216);position:fixed;top:0px;left:0px;width:300%;height:300%;">&nbsp;</div>
<div id="centraGaleria" title="Click para cerrar" style="display:none;width:100%;position:absolute;top:34%;left:0px;text-align:center;z-index:100;"><img alt="Cargando" style="width:80px;height:80px;" /></div>
<!-- Fin del codigo galeria -->


El codigo es para agrandar una imagen al darle click*


Hola,

Podrias dejar el código completo, yaque con esto no funciónaria, el slide de tu página hay fallos.

Saludos.
______________
Mensaje01-02-2014, 05:56 (UTC)    
Título del mensaje:

El del Slider es este:

Cita:
<div id="featured"> <script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true
});
}
window.addEvent('domready',startGallery);
</script> <style type="text/css"> .jdGallery .slideInfoZone { height: 30px; } </style> <div id="myGallery"> <div class="imageElement"> <h2>Shared ¡Nuestro servidor!</h2> <p>Phasellus ...</p> <a href="http://happykraken.es.tl/Shared-nuestro-servidor.htm" _fcksavedurl="http://happykraken.es.tl/Shared-nuestro-servidor.htm" _fcksavedurl="http://happykraken.es.tl/Shared-nuestro-servidor.htm" title="Leer mas..." class="open"></a> <img height="286" width="620" class="full" alt="" src="http://img.webme.com/pic/h/happykraken/sharedslider.jpg" /> <img height="286" width="620" class="thumbnail" alt="" src="http://img.webme.com/pic/h/happykraken/sharedslider.jpg" /> </div> <div class="imageElement"> <h2>Proximamente 2</h2> <p>Phasellus ...</p> <a href="http://www.happykraken.es.tl/#" _fcksavedurl="http://www.happykraken.es.tl/#" _fcksavedurl="http://www.happykraken.es.tl/#" title="Leer mas..." class="open"></a> <img height="286" width="620" class="full" alt="" src="http://img.webme.com/pic/h/happykraken/proximamenteslider.jpg" /> <img height="286" width="620" class="thumbnail" alt="" src="http://img.webme.com/pic/h/happykraken/proximamenteslider.jpg" /> </div> <div class="imageElement"> <h2>Proximamente 3</h2> <p>Curabitur ...</p> <a href="http://www.happykraken.es.tl/#" _fcksavedurl="http://www.happykraken.es.tl/#" _fcksavedurl="http://www.happykraken.es.tl/#" title="Leer Mas.." class="open"></a> <img height="286" width="620" class="full" alt="" src="http://img.webme.com/pic/h/happykraken/proximamenteslider.jpg" /> <img height="286" width="620" class="thumbnail" alt="" src="http://img.webme.com/pic/h/happykraken/proximamenteslider.jpg" /> </div> <div class="imageElement"> <h2>Proximamente 4</h2> <p>Proin ...</p> <a href="http://www.happykraken.es.tl/#" _fcksavedurl="http://www.happykraken.es.tl/#" _fcksavedurl="http://www.happykraken.es.tl/#" title="Leer Mas.." class="open"></a> <img height="286" width="620" class="full" alt="" src="http://img.webme.com/pic/h/happykraken/proximamenteslider.jpg" /> <img height="286" width="620" class="thumbnail" alt="" src="http://img.webme.com/pic/h/happykraken/proximamenteslider.jpg" /> </div> <div class="imageElement"> <h2>Proximamente 5</h2> <p>In ...</p> <a href="http://www.happykraken.es.tl/#" _fcksavedurl="http://www.happykraken.es.tl/#" _fcksavedurl="http://www.happykraken.es.tl/#" title="Leer Mas.." class="open"></a> <img height="286" width="620" class="full" alt="" src="http://img.webme.com/pic/h/happykraken/proximamenteslider.jpg" /> <img height="286" width="620" class="thumbnail" alt="" src="http://img.webme.com/pic/h/happykraken/proximamenteslider.jpg" />

</div> </div> </div>


Perdon, estaba intentando con un Slider completamente con CSS
y aunque me salio bien, no me gusto xnx
Por eso se visualizaba mal en la pagina, el otro es el codigo que no deja que el Slider se vea bien, es un codigo
para hacer mas grandes las imagenes al darles click.
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group