Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
Tutorial: Imagen rotatoria.
ne0.-   26 Aug, 2010, 3:58 pm
#1
Bueno este tutorial es fácil y muy práctico.
¿Para que sirve?
# Se puede usar para Publicidad, Afiliados etc.

¿En que consiste?
# Bueno es un codigo en el cual consiste en lanzar una imagen al azar, ya sea cuando actulises, cuando entres a un foro, enlace basandose en el link del foro etc.

¿Donde ponerlo?

# Esa ya es opción tuya, podria ser en el header, o como quieras.

CODE:
Cita:<table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%">
<tbody>
<tr>
<td class="tcat" colspan="6">
<center><span class="smalltext"><b>Titulo</b></span></center>
</td>
</tr>
</tbody>
<tr><td class="trow1" colspan="2">


<script language="javascript" type="text/javascript">
function randRange(lowVal,highVal) {
return Math.floor(Math.random()*(highVal-lowVal+1))+lowVal;
}
</script>
<script language="javascript" type="text/javascript">
var randHdr = randRange(1,4);

if (randHdr == 1) {
document.write('<center><img src="LINK A IMAGEN"></center>')
} else if (randHdr == 2) {
document.write('<center><img src="LINK A IMAGEN"></center>')
} else if (randHdr == 3) {
document.write('<center><img src="LINK A IMAGEN"></center>')
} else if (randHdr == 4) {
document.write('<center><img src="LINK A IMAGEN"></center>')
}
</script>

</tbody>
</table>


Eso seria todo (;.
Gustavo R.   27 Aug, 2010, 4:38 pm
#2
Es mejor así para que la Imagen sea clickeable ;D

Cita:<table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%">
<tbody>
<tr>
<td class="tcat" colspan="6">
<center><span class="smalltext"><b>Titulo</b></span></center>
</td>
</tr>
</tbody>
<tr><td class="trow1" colspan="2">


<script language="javascript" type="text/javascript">
function randRange(lowVal,highVal) {
return Math.floor(Math.random()*(highVal-lowVal+1))+lowVal;
}
</script>
<script language="javascript" type="text/javascript">
var randHdr = randRange(1,4);

if (randHdr == 1) {
document.write('<center><a href="http://www.LINK A LA WEB.com"><img src="LINK A IMAGEN"></a></center>')
} else if (randHdr == 2) {
document.write('<center><a href="http://www.LINK A LA WEB.com"><img src="LINK A IMAGEN"></a></center>')
} else if (randHdr == 3) {
document.write('<center><a href="http://www.LINK A LA WEB.com"><img src="LINK A IMAGEN"></a></center>')
} else if (randHdr == 4) {
document.write('<center><a href="http://www.LINK A LA WEB.com"><img src="LINK A IMAGEN"></a></center>')
}
</script>

</tbody>
</table>
zurdo84xd   11 Mar, 2011, 6:41 pm
#3
buenas, disculpen que reviva el tema pero seria posible hacer que la imagen cambie cada "x" segundos ? en lugar de esperar a presionar f5 o entrar al foro XD
Gustavo R.   11 Mar, 2011, 7:11 pm
#4
Hmm Supongo que eso seria con AJAX, pero la verdad yo no se... Ademas pues creo que aria un poco pesada tu pagina :S
Gypaete   12 Mar, 2011, 4:50 am
#5
No es AJAX es Javascript y creo que se llama slideshow ,intenté hacer uno pero me salía mal haha
  
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.