Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Imagen con borde flash
#1
sin mas que decir este es el codigo:

antes de </head><body> pones esto:
Código:
<script language="JavaScript1.2">

/*
Flashing Border image script (credit must stay enclosed)
By javascriptkit.com
For this and over 400+ JavaScripts,
Visit http://www.javascriptkit.com
*/

//specify color of flash//Puedes cambiar el color del flash
var flashcolor="yellow"
//specify speed (less is faster ie: 50)//Puedes cambiar la velocidad del borde flash, mientras más bajo el valor más rápido es
var speed=300

/////No need to edit below here////
var curborder=new Array()
var increment=0
var flashobject=new Array()

if (document.all||document.getElementById){
while (document.getElementById("flash"+increment)!=null){
flashobject[increment]=document.getElementById? document.getElementById("flash"+increment).style : eval("document.all.flash"+increment+".style")
curborder[increment]=0
increment++
}
}


function flash(which){
if (curborder[which]==1){
flashobject[which].borderLeftColor=flashcolor
flashobject[which].borderBottomColor=flashobject[which].borderRightColor
}
else if (curborder[which]==2){
flashobject[which].borderTopColor=flashcolor
flashobject[which].borderLeftColor=flashobject[which].borderBottomColor
}
else if (curborder[which]==3){
flashobject[which].borderRightColor=flashcolor
flashobject[which].borderTopColor=flashobject[which].borderLeftColor
}
else if (curborder[which]==4){
flashobject[which].borderBottomColor=flashcolor
flashobject[which].borderRightColor=flashobject[which].borderTopColor
}

if (curborder[which]<=3)
curborder[which]++
else
curborder[which]=1
}

if (document.all||document.getElementById){
for (z=0;z<flashobject.length;z++){
var temp="setInterval("flash("+z+")","+speed+")"
eval(temp)
}
}


</script>

ponen igual antes de </head><body>
Código:
<style>
<!--
.flashgroup{
border:5px solid blue;//Puedes cambiar el color del borde flsh
}
-->
</style>

Para que el script funcione , después del nombre de tu
imagen debes colocar las siguientes etiquetas

Código:
id="flash0"class="flashgroup"

ejmplo:
<img src="tuimagen.loquesea" width="432" height="270" id="flash0" class="flashgroup">

eso es todo gracias y espero les sirva adios
#2
un ejemplo de como se veria esto? no tengo ni idea :S
#3
Y exactamente, ¿Cómo se vería, o qué sería el "boom" del cambio?
Metas¡Completadas!
  • Ascender a moderador [✔ Completada]
  • Ganar 50 puntos de reputación (ver) [✔ Completada]
  • Ganar 100 puntos de reputación (ver) [✔ Completada]
  • Redactar 1000 mensajes [✔ Completada]
#4
Lo hice como pusiste pero no funciona :S
#5
(21-12-2011, 12:48 AM)hackcrack escribió: Lo hice como pusiste pero no funciona :S

yo lo acabo de hacer y me funciona de 10 Sonrisa
#6
pero algun demo
Mi Web http://www.DjNet.com.ar
-Foro
-Chat
-Blog
De todo podras ver en http://www.djnet.com.ar


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Solucionado: escribir en una imagen php firmas Sergio09 2 128 13-12-2016, 08:33 PM
Último mensaje: DarkMaster
  Utilizar un loading o imagen de carga con CSS torgar22 2 344 19-12-2014, 05:09 PM
Último mensaje: amplox
  Link online para obtener html de una imagen desde word u otra página canpios 0 241 17-12-2014, 10:29 PM
Último mensaje: canpios
  Script personalizable en PHP para subir una imagen al servidor torgar22 0 579 23-11-2014, 11:26 PM
Último mensaje: torgar22
  Insertar imagen desde url [php] celticslment 7 552 14-10-2014, 03:37 AM
Último mensaje: AbaddonOrmuz
  Diseñadora de Logos, Banners y Cualquier Imagen, Diseños al gusto. likeycomparte 0 253 30-09-2014, 08:30 AM
Último mensaje: likeycomparte
  Cómo hacer su propia rotación de imagen en php jesuli 28 2,534 07-03-2014, 01:07 AM
Último mensaje: KeviNxDTM
  Colocar una imagen encima de otra HTML Netohg 8 1,489 01-01-2014, 04:26 PM
Último mensaje: Gonzalo
  Imagen de fondo o Backgrond HTML Netohg 7 753 14-10-2013, 04:11 PM
Último mensaje: postingafull
  Zoom en una imagen al pasar el cursor Tamatsipatse 13 2,178 29-06-2013, 06:21 PM
Último mensaje: caesloco



Usuarios navegando en este tema: 1 invitado(s)