|
|
 |
|
|
| |
Bien este code sirve para insertar un pop up en nuestra web, sea cual sea el uso que quieras darle,en este caso yo explicare como colocarlo para que sirva como reproductor de musica.
Lo primero que debes hacer, es crearte un reproductor en alguno de los sitios webs que sirven para eso,en mi caso yo utilize, finetune, da clic alli para que leas el tuto;luego de que me dieron el codigo, busque dentro de ese codigo la url exacta de mi reproductor, que viene a ser algo asi:
http://www.finetune.com/player/FineTuneShell.swf?autoplay=true&pinst=EDF132A6CA0045BE9E7711A9E77F89DF
Si te fijas, la url termina en un monton de numeros, pues bien esa es la url que necesitas para poder crear tu reproductor en un pop up,busca siempre dentro de el codigo que te den, esta url, poque sera la que utilizaremos luego.
1-Pegaras este codigo que te dare a continuacion, en el box que dice TEXTO POR DEBAJO DE LA PAGINA:
<script language="javascript">
var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}
</script>
Ahora donde quieras añadir o mostrar tu enlace para oir musica desde tu reproductor y se abra en un pop up, insertaras este otro codigo:
<a href="URL_DE_IMAGEN_O_WEB" onclick="NewWindow(this.href,'name','400','400','yes');return false">TEXTO_DEL_LINK</a>
Te explico las partes del codigo a continuacion:
Donde dice URL DE LA IMAGEN O WEB: aqui debes colocar la url de tu reproductor, le que termina en un monton de numeros
Donde dice NAME 400,400: esto es para modificar el tamaño del pop up, si quieres lo puedes cambiar a tu gusto.
Donde dice TEXTO DEL LINK: aqui colocaras si quieres un texto para que hagan click y se abra el pop up, o si quieres puedes colocar tambien una imagen de boton o cualquier imagen, eso si, si vas a colocar una imagen, debes introducir el codigo para imagen donde dice TEXTO DEL LINK, o sea este:
<img src="URL_DE_IMAGEN">
Bien y eso es todo, pueden verlo funcionando aqui mismo en mi web, donde dice ESCUCHA MUSICA AQUI
|
|
|
|
| |
|
|
 |
|
|
|
|
