aprenda como se faz:..."'Fronteira cintilação da imagem''

" Border gambar kelap-kelip"

JavaScript ini membuat garis gambar menjadi lebih menarik, seperti dipasang lampu disekelilingnya.

---

Demo :

---

Cara membuatnya

Dari Dashboard >> Design >> Edit HTML.

Langkah Pertama
Penempatannya
dibawah <b:skin><![CDATA[
........
diatas ]]></b:skin>

img.flashgroup{border:3px solid black;}

warna black diganti sesuai selera.


Langkah Kedua
Penempatannya sebelum </body>

<script type='text/javascript'>
//<![CDATA[

/*
Script By http://www.javascriptkit.com/script/script2/flashimage.shtml
*/

//Warna garis yang berkelap-kelip
var flashcolor="yellow"
//Kecepatan garis berkelap-kelip (semakin rendah, semakin cepat)
var speed=80

/////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>

Langkah Ketiga

<img src='URL gambar anda' id='flash0' class='flashgroup' />

Setiap memasang gambar di Blogspot anda, tambahkan id dan class seperti diatas. Jika gambar lebih dari satu, id jangan sampai sama, ganti saja seperti :

<img src='URL gambar anda' id='flash0' class='flashgroup' />
<img src='URL gambar anda' id='flash1' class='flashgroup' />
<img src='URL gambar anda' id='flash2' class='flashgroup' />

begitu saja seterusnya.

---

Credit : JavaScript Kit
Alhamdulillah

fonte e créditos:
http://nanoyulianto.blogspot.com/
2011/01/border-gambar-kelap-kelip.html


traduzido:                                                      

aprenda como se faz:..."Fronteira cintilação da imagem''

''Fronteira cintilação da imagem''

Esta JavaScript torna a imagem se torna mais interessante, como luzes instaladas ao redor dele.

---

Demo:

---

Como fazer

De Painel de instrumentos >> Design >> Editar HTML.

Primeiros Passos
Colocação
em <b:skin> <! [CDATA [
........
acima ]]></ B: skin>

img.flashgroup {border: 3px solid black;}

cor preto alteradas conforme o gosto.


Passo dois
Colocação antes </ Corpo>

type='text/javascript'> <script
//<![ CDATA [

/ *
Script http://www.javascriptkit.com/script/script2/flashimage.shtml
* /

/ / Piscando linha Color
flashcolor var = "amarelo"
/ / Cintilação da linha de velocidade (quanto menor, mais rápido)
var velocidade = 80

///// Não há necessidade de edição abaixo aqui / / / /
var = new Array curborder ()
incremento var = 0
var = new Array FlashObject ()

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


flash função (o que) {
if (curborder [o que] == 1) {
FlashObject [o que]. borderLeftColor = flashcolor
FlashObject [o que]. FlashObject borderBottomColor = [o que]. borderRightColor
}
else if (curborder [o que] == 2) {
FlashObject [o que]. borderTopColor = flashcolor
FlashObject [o que]. FlashObject borderLeftColor = [o que]. borderBottomColor
}
else if (curborder [o que] == 3) {
FlashObject [o que]. borderRightColor = flashcolor
FlashObject [o que]. FlashObject borderTopColor = [o que]. borderLeftColor
}
else if (curborder [o que] == 4) {
FlashObject [o que]. borderBottomColor = flashcolor
FlashObject [o que]. FlashObject borderRightColor = [o que]. borderTopColor
}

if (curborder [o que] <= 3)
curborder [o que] + +
mais
curborder [o que] = 1
}

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

//]]>
</ Script>

Terceira Etapa

<Img src = "URL da sua imagem'Id =' "class = 'flash0 flashgroup' />

Cada colocar uma foto no seu Blogspot, adicione o id e class como acima. 


Se a imagem é mais do que um, id não deixe o mesmo, apenas uma mudança, tais como:

<Img src = "URL da sua imagem'Id ='flash0'Class =' flashgroup '/>
<Img src = "URL da sua imagem'Id ='flash1'Class =' flashgroup '/>
<Img src = "URL da sua imagem'Id ='Flash2'Class =' flashgroup '/>

simplesmente fora.

---

Crédito: JavaScript Kit
Alhamdulillah

Leia Mais ►