Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Slider para tu web!
#1
Goza de esta maravillosa herramienta que le da un toque profesional a tu web - Blog


Para saber como intalarlo

Ir al tutorial

Lengua


#2
Buen tuto, pero quizas no vendria mal traducirlo al castellano Guiño
WWW
#3
No consigo ver lo que hay dentro de los cuadros : Link para ver

A que se debe?
#4
probablemente la imagen este protegida contra hotlink o haya desaparecido del servidor
WWW
#5
copiado y ejecutado de una vez!!!!
excelente aporte
aco cabron
Honda cx500 '81
#6
Muy buen aporte, lo tomare en consideración para el diseño de mi web. ¿Cabría la posibilidad de utilizar la aplicación con un lenguaje de programación no instrusivo?
#7
yo estoy pensando que si haces una base de datos y listas grupos de registros puedes hacerlo que varie cada vez que ingresas, no lo he probado pero es una forma interesante de implementarlo
aco cabron
Honda cx500 '81
#8
Interesante tutorial para crear una slider, pero hay herramientas que lo hacen de forma automatica.
#9
(06-03-2012, 10:55 PM)koenz escribió: Interesante tutorial para crear una slider, pero hay herramientas que lo hacen de forma automatica.

no caeria nada mal que dijeras como cual xD
#10
algo mas sencillo. Inserta esto en tu index y sustituye foto1, foto2 etc por el nombre de tus imagenes (de la 1 a la 5, si quieres mas imagenes inserta una linea para cada una de ellas) o mas simple aun, renombra tus imagenes para que tengan los nombres que aparecen en este script

Código PHP:
<script language="javascript">

var 
segundos //cada cuantos segundos cambia la imagen
var dire "fotos" //directorio o ruta donde están las imágenes

var imagenes=new Array()
imagenes[0]="foto1.jpg"
imagenes[1]="foto2.jpg"
imagenes[2]="foto3.jpg"
imagenes[3]="foto4.jpg"
imagenes[4]="foto5.jpg"

if(dire != "" && dire.charAt(dire.length-1) != "/")
{
dire dire "/"}

var 
preImagenes = new Array()
for (
pre 0pre imagenes.lengthpre++){
    
preImagenes[pre] = new Image()
    
preImagenes[pre].src dire imagenes[pre]
    }
cont=0
function presImagen(){
document.foto.srcdire imagenes[cont]
subeOpacidad()
if (
cont imagenes.length-1)
    {
cont ++}
else
    {
cont=0}
tiempo=window.setTimeout('bajaOpacidad()',segundos*1000)
}
var 
iex navigator.appName=="Microsoft Internet Explorer" true false;
var 
fi iex?'filters.alpha.opacity':'style.opacity'
var opa iex 100 1;
function 
bajaOpacidad(){
eval(
opa)
if(
opa >= 0){
    
cambia()
    
opa -= iex?10:0.1;
    
setTimeout('bajaOpacidad()',50)
    }
else{
presImagen()}
}

function 
subeOpacidad(){
opaci iex?100:1;
if(
opa <= opaci){
    
cambia()
    
opa += iex?100.1;
    
setTimeout('subeOpacidad()',10)
    }
}
function 
cambia(){
eval(
'document.foto.' fi ' = opa')
}
var 
tiempo
function inicio(){
clearTimeout(tiempo)
bajaOpacidad()
}

</
script>
<
style type="text/css">
#foto {
filteralpha(opacity=100)
}
</
style>
</
head>

<
body bgcolor="#FFFFFF" text="#000000" leftmargin="0" marginwidth="0" >
<
div align="center"><img src="fotos/foto5.jpg" name="foto" id="foto" onClick="inicio()"
</
div
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Simple Checkbox Slider Demozz 2 420 01-09-2014, 07:14 PM
Último mensaje: Demozz
  es posible copiar el slider de cuevana?? ndevoix 4 1,171 15-05-2012, 11:04 PM
Último mensaje: ndevoix



Usuarios navegando en este tema: 1 invitado(s)