Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje27-03-2012, 13:41 (UTC)    
Título del mensaje: Un codigo para fotos en slide [RESUELTO]

Hola,

He estado viendo varios post dedicados al tema de los slides pero no he conseguido arreglar nada, asi que lo intento enviando la pregunta directamente.
Los slides tienen que ser siempre en java?

Podria alguien que controle un poco pasarme un codigo para poner un slide de fotos en el lado derecho de la pagina, justo debajo de los 5 boxes que ya vienen por defecto?
Me gustaria poner uno de 11 o 12 fotos justo ahi pero no lo consigo!

Y aprovechando el post, alguien me puede decir por que la parte de abajo del box central desaparece al pasar el raton por encima??

Disculpad tantas preguntas pero cuando se esta empezando todo son dudas!

Muchas Gracias por vuestra ayuda!

Un Saludo.


Ultima edición por cervezashiboria el Dom Abr 01, 2012 10:40 pm; editado 1 vez
Mensaje27-03-2012, 19:27 (UTC)    
Título del mensaje:

Mensaje27-03-2012, 19:28 (UTC)    
Título del mensaje:

lo de arriba
Mensaje28-03-2012, 02:38 (UTC)    
Título del mensaje:

nuestrasxarlas escribió:
este link


Hola!

Gracias por tu ayuda! Me sirvio pero me gustaria saber si podrias modificar el codigo para que las fotos que pongas salgan todas al mismo tamaño?
Se podria poner un fondo blanco al recuadro?

Muchas Gracias,

Un Saludo!


<script type="text/javascript">
// Author: DaviXM
// Description: Slide Show para imagenes

var x=0;

function rotate(num){
fs=document.ff.slide;
x=num%fs.length;
if(x<0) x=fs.length-1;
document.images.show.src=fs.options[x].value;
fs.selectedIndex=x;}

function auto() {
if(document.ff.fa.value == "Stop"){
rotate(++x);setTimeout("auto()", 5000);}}
</script>

<form name="ff">
<table cellpadding="3" style="border:1px black solid;border-collapse:collapse;">
<tr><th align="center">NOMBRE DE LA GALERIA</th></tr>

<tr><td align="center">
<img src="URL DE LA IMAGEN" name="show">
</td></tr>

<tr><td align="center" style="border:1px black solid;">
<select name="slide" onChange="rotate(this.selectedIndex);">
<option value="URL DE LA IMAGEN">Describcion</option>
<option value="URL DE LA IMAGEN">Describcion</option>
<option value="URL DE LA IMAGEN">Describcion</option>
<option value="URL DE LA IMAGEN">Describcion</option>
</select>
</td></tr>

<tr><td align="center" style="border:1px black solid;">
<input type="button" onclick="rotate(0);" value="ll&lt;&lt;" title="Jump to beginning" />
<input type="button" onclick="rotate(x-1);" value="&lt;&lt;" title="Last Picture" />
<input type="button" name="fa" onClick="this.value=((this.value=='Stop')?'Start':'Stop');auto();" value="Start" title="Autoplay" style="width:75px;" />
<input type="button" onclick="rotate(x+1);" value="&gt;&gt;" title="Next Picture" />
<input type="button" onclick="rotate(this.form.slide.length-1);" value="&gt;&gt;ll" title="Jump to end" />
</td></tr></table></form>
Mensaje29-03-2012, 14:51 (UTC)    
Título del mensaje:

Hola,

Para que salgan del mismo tamaño modifica lo rojo.


Cita:
<script type="text/javascript">
// Author: DaviXM
// Description: Slide Show para imagenes

var x=0;

function rotate(num){
fs=document.ff.slide;
x=num%fs.length;
if(x<0) x=fs.length-1;
document.images.show.src=fs.options[x].value;
fs.selectedIndex=x;}

function auto() {
if(document.ff.fa.value == "Stop"){
rotate(++x);setTimeout("auto()", 5000);}}
</script>

<form name="ff">
<table cellpadding="3" style="border:1px black solid;border-collapse:collapse;">
<tr><th align="center">NOMBRE DE LA GALERIA</th></tr>

<tr><td align="center">
<img style="width: 288px; height: 36px;" src="URL DE LA IMAGEN" name="show" alt="" />
</td></tr>

<tr><td align="center" style="border:1px black solid;">
<select name="slide" onChange="rotate(this.selectedIndex);">
<option value="URL DE LA IMAGEN">Describcion</option>
<option value="URL DE LA IMAGEN">Describcion</option>
<option value="URL DE LA IMAGEN">Describcion</option>
<option value="URL DE LA IMAGEN">Describcion</option>
</select>
</td></tr>

<tr><td align="center" style="border:1px black solid;">
<input type="button" onclick="rotate(0);" value="ll&lt;&lt;" title="Jump to beginning" />
<input type="button" onclick="rotate(x-1);" value="&lt;&lt;" title="Last Picture" />
<input type="button" name="fa" onClick="this.value=((this.value=='Stop')?'Start':'Stop');auto();" value="Start" title="Autoplay" style="width:75px;" />
<input type="button" onclick="rotate(x+1);" value="&gt;&gt;" title="Next Picture" />
<input type="button" onclick="rotate(this.form.slide.length-1);" value="&gt;&gt;ll" title="Jump to end" />
</td></tr></table></form>



Modifica lo rojo que tendran el mismo ancho y tamaño de las imagenes.

Saludos.
______________
Mensaje29-03-2012, 21:16 (UTC)    
Título del mensaje:

master-nemesis escribió:
Hola,

Para que salgan del mismo tamaño modifica lo rojo.

Saludos.


Muchisimas Gracias!!!

No me va! No he sido capaz de hacer que cambien todas al mismo tamaño!
Pero al final consegui poner este donde queria,puedo usar el arreglo que me hiciste para el otro y utilizarlo en este para poder controlar el tamaño de las fotos?
Te dejo el codigo a ver si me puedes hechar un cable!! Ya solo me queda poner en condiciones este slide y la pagina estara lista en cuanto diseño!

Muchisimas Gracias, otra vez!

Saludos.



<div style="position:absolute;right:6px;top:1360px;">
<div style="text-align: right"><br />
<!-- configurable script -->
<script type="text/javascript">
theimage = new Array();

// The dimensions of ALL the images should be the same or some of them may look stretched or reduced in Netscape 4.
// Format: theimage[...]=[image URL, link URL, name/description]
theimage[0]=["http://img.webme.com/pic/c/cervezashiboria/abbaye.jpghttp://img.webme.com/pic/c/cervezashiboria/moor_jjj_ipa.jpg", "", ""];
theimage[1]=["http://img.webme.com/pic/c/cervezashiboria/achel.jpg", "", ""];
theimage[2]=["http://img.webme.com/pic/c/cervezashiboria/black_sheep.jpg", "", ""];
theimage[3]=["http://img.webme.com/pic/c/cervezashiboria/boerinneken..jpg", "", ""];
theimage[4]=["http://img.webme.com/pic/c/cervezashiboria/bon-secours.jpg", "", ""];
theimage[5]=["http://img.webme.com/pic/c/cervezashiboria/chouffe-houblon.jpg", "", ""];
theimage[6]=["http://img.webme.com/pic/c/cervezashiboria/daleside-morocco.jpg", "", ""];
theimage[7]=["http://img.webme.com/pic/c/cervezashiboria/duchesse.jpg", "", ""];
theimage[8]=["http://img.webme.com/pic/c/cervezashiboria/bush-nuits.jpg", "", ""];
theimage[9]=["http://img.webme.com/pic/c/cervezashiboria/durham-stcuthbe.jpg", "", ""];
theimage[10]=["http://img.webme.com/pic/c/cervezashiboria/gouden-carolus-cuvee.jpg", "", ""];
theimage[11]=["http://img.webme.com/pic/c/cervezashiboria/hook-norton.jpg", "", ""];
theimage[12]=["http://img.webme.com/pic/c/cervezashiboria/ilkley-mary.jpg", "", ""];
theimage[13]=["http://img.webme.com/pic/c/cervezashiboria/deus-brut.jpg", "", ""];
theimage[14]=["http://img.webme.com/pic/c/cervezashiboria/malheur-dark.jpg", "", ""];
theimage[15]=["http://img.webme.com/pic/c/cervezashiboria/meantime-raspb.jpg", "", ""];
theimage[16]=["http://img.webme.com/pic/c/cervezashiboria/moor_beer_old.jpg", "", ""];
theimage[17]=["http://img.webme.com/pic/c/cervezashiboria/fantom.jpg", "", ""];
theimage[18]=["http://img.webme.com/pic/c/cervezashiboria/orkney_northern.jpg", "", ""];
theimage[19]=["http://img.webme.com/pic/c/cervezashiboria/ossett-treacle.jpg", "", ""];
theimage[20]=["http://img.webme.com/pic/c/cervezashiboria/pannepeut.jpg", "", ""];
theimage[21]=["http://img.webme.com/pic/c/cervezashiboria/ridgeway-bad.jpg", "", ""];
theimage[22]=["http://img.webme.com/pic/c/cervezashiboria/st.bernardus.jpg", "", ""];
theimage[23]=["http://img.webme.com/pic/c/cervezashiboria/stfeuillien.jpg", "", ""];
theimage[24]=["http://img.webme.com/pic/c/cervezashiboria/thornbridger.jpg", "", ""];
theimage[25]=["http://img.webme.com/pic/c/cervezashiboria/struiseo.jpg", "", ""];
theimage[26]=["http://img.webme.com/pic/c/cervezashiboria/trappe-quadruple.jpg", "", ""];
theimage[27]=["http://img.webme.com/pic/c/cervezashiboria/val-dieu-grand.jpg", "", ""];
theimage[28]=["http://img.webme.com/pic/c/cervezashiboria/watoutripel.jpg", "", ""];
theimage[29]=["http://img.webme.com/pic/c/cervezashiboria/westmalle.jpg", "", ""];

///// Plugin variables

playspeed=4000;// The playspeed determines the delay for the "Play" button in ms
//#####
//key that holds where in the array currently are
i=0;

//###########################################
window.onload=function(){

//preload images into browser
preloadSlide();

//set the first slide
SetSlide(0);

//autoplay
PlaySlide();
}

//###########################################
function SetSlide(num) {
//too big
i=num%theimage.length;
//too small
if(i<0)i=theimage.length-1;

//switch the image
document.images.imgslide.src=theimage[i][0];

}

//###########################################
function PlaySlide() {
if (!window.playing) {
PlayingSlide(i+1);
if(document.slideshow.play){
document.slideshow.play.value=" Stop ";
}
}
else {
playing=clearTimeout(playing);
if(document.slideshow.play){
document.slideshow.play.value=" Play ";
}
}
// if you have to change the image for the "playing" slide
if(document.images.imgPlay){
setTimeout('document.images.imgPlay.src="'+imgStop+'"',1);
imgStop=document.images.imgPlay.src
}
}

//###########################################
function PlayingSlide(num) {
playing=setTimeout('PlayingSlide(i+1);SetSlide(i+1);', playspeed);
}

//###########################################
function preloadSlide() {
for(k=0;k<theimage.length;k++) {
theimage[k][0]=new Image().src=theimage[k][0];
}
}

</script>

<!-- slide show HTML -->
<form name="slideshow">

<table border="1" cellpadding="2" cellspacing="0">
<tr>
<td align="center">
<a href="#" onmouseover="this.href=theimage[i][1];return false">
<script type="text/javascript">
document.write('<img name="imgslide" id="imgslide" src="'+theimage[0][0]+'" border="0">')
</script>
</a>
</td>
</tr>
</table>

</form>
<!-- end of slide show HTML -->
</a></div>


Ultima edición por cervezashiboria el Jue Mar 29, 2012 10:19 pm; editado 2 veces
Mensaje30-03-2012, 10:45 (UTC)    
Título del mensaje:

orale usan mi codigo chido es simple de editar
______________
WebTwo de RadioVijaer.
Mensaje30-03-2012, 12:23 (UTC)    
Título del mensaje:

davixm escribió:
orale usan mi codigo chido es simple de editar


Hola,

El problema es que yo soy un inutil con todas estas cosas de codigos y html y no tengo ni idea de como editarlo bien!
No pido nada muy currado, mas bien lo que quiero es que simplemente se vean las fotos y nada mas pero ya te digo que estas cosas se me hacen un poco complicadas!

Gracias a todos por vuestra ayuda!!
Mensaje30-03-2012, 16:31 (UTC)    
Título del mensaje:

.......
Mensaje01-04-2012, 22:30 (UTC)    
Título del mensaje:

rubenfer escribió:
.......


Gran Aporte!!
Mensaje02-04-2012, 00:20 (UTC)    
Título del mensaje: Re: Un codigo para fotos en slide

Editado.

Por favor PWG Si es posible eliminen este comentario y todos los mios del foro.

Saludos,


Ultima edición por webmicro el Lun Dic 24, 2012 7:53 am; editado 5 veces
Mensaje02-04-2012, 01:42 (UTC)    
Título del mensaje: Re: Un codigo para fotos en slide

webmicro escribió:
cervezashiboria escribió:


Y aprovechando el post, alguien me puede decir por que la parte de abajo del box central desaparece al pasar el raton por encima??




Búscala en tu código por encima de página.


Un saludo,


Muchas Gracias!
Voy a ver si encuentro esa linea!

Un Saludo!

Edito:: Ya esta arreglado!! Como controla por aqui la gente!!

Otra vez, Muchas Gracias!


Ultima edición por cervezashiboria el Dom Abr 01, 2012 9:47 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group