Autor |
Mensaje |
-
Happykraken
Nuevo
|
31-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%;"> </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* |
|
↑
|
|
|
-
master-nemesis
Semi-Experto
|
01-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%;"> </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. ______________ |
|
↑
|
|
|
-
Happykraken
Nuevo
|
01-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. |
|
↑
|
|
|
|