hvamer
Bovino maduro
- Desde
- 27 Ago 2007
- Mensajes
- 205
- Tema Autor
- #1
que tal, querìa ver si me pueden ayudar con un problema, no se mucho de html pero le ando queriendo aprender porque me surgio un problema en mi blog
http://www.quevendescolima.blogspot.mx/
en la parte donde se ven las imagenes hay una flechita para darle clic y automaticamente se cambia al segundo bloque de imagenes, bueno lo que quisiera es ver como le puedo hacer para que cada determinado tiempo automaticamente se active esa flechita
utilize un template que baje y no se si les sirva esta informacion para poder ayudarme en saber que codigo poner y donde
lo que utiliza esas flechitas es este codigo
Dentro de head busque y esta parte corresponde a la imagen de las flechas
.jcarousel-skin-default .jcarousel-next,.jcarousel-skin-default .jcarousel-prev{display:block;width:32px;height:32px;background-image:url(arrows.png)}
.jcarousel-skin-default .jcarousel-next-disabled,.jcarousel-skin-default .jcarousel-prev-disabled{display:none}
.jcarousel-skin-default .jcarousel-prev-horizontal{position:absolute;top:55px;left:10px;background-position:0 0}
.jcarousel-skin-default .jcarousel-prev-horizontal:hover{background-position:-32px 0}
.jcarousel-skin-default .jcarousel-prev-horizontal:active{background-position:-64px 0}
.jcarousel-skin-default .jcarousel-next-horizontal{position:absolute;top:55px;right:10px;background-position:0 -32px}
.jcarousel-skin-default .jcarousel-next-horizontal:hover{background-position:-32px -32px}
.jcarousel-skin-default .jcarousel-next-horizontal:active{background-position:-64px -32px}
.jcarousel-skin-default .jcarousel-prev-vertical{position:absolute;top:10px;left:55px;background-position:0 -64px}
.jcarousel-skin-default .jcarousel-prev-vertical:hover{background-position:-32px -64px}
.jcarousel-skin-default .jcarousel-prev-vertical:active{background-position:-64px -64px}
.jcarousel-skin-default .jcarousel-next-vertical{position:absolute;bottom:10px;left:55px;background-position:0 -96px}
.jcarousel-skin-default .jcarousel-next-vertical:hover{background-position:-32px -96px}
.jcarousel-skin-default .jcarousel-next-vertical:active{background-position:-64px -96px}
.jcarousel-skin-default .jcarousel-navigation{margin:0;padding:0}
.jcarousel-skin-default .jcarousel-navigation li{display:inline;margin:0 2px 0 0;padding:0;background:none}
.jcarousel-skin-default .jcarousel-navigation li.active a{font-weight:bold;text-decoration:none}
.jcarousel-skin-default .jcarousel-container-horizontal{margin:0;padding:0;width:940px;height:480px}
.jcarousel-skin-default .jcarousel-item{width:300px;height:480px}
.jcarousel-skin-default .jcarousel-clip-horizontal{width:940px}
.jcarousel-skin-default li.jcarousel-item{padding:0;border:none;margin:0;margin-right:20px;text-align:left;box-shadow:0 4px 2px 0 rgba(0,0,0,0.75);margin-bottom:28px}
.jcarousel-container-horizontal .jcarousel-item img{border-top:1px solid #979797;border-bottom:1px solid #6d6b6b;box-shadow:none !important;display:block}
.jcarousel-skin-default .jcarousel-clip-horizontal .views-field-title{color:#fff;font-family:'Oswald',sans-serif;font-size:36px;line-height:40px;text-shadow:3px 3px 3px rgba(0,0,0,0.6);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px}
.jcarousel-skin-default .jcarousel-clip-horizontal .button{float:right}
.jcarousel-skin-default .jcarousel-clip-horizontal .button a{display:inline-block;color:#7f7f7f;text-transform:uppercase;font-size:10px;line-height:12px;padding:6px 9px;border:1px solid #2a2a2a;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:#191919 url(https://lh3.googleusercontent.com/-6_f34fdkgpA/UMPgin85JbI/AAAAAAAAErw/04_Q_yo6rmc/s22/button_bg.png) 0 0 repeat-x;-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.9);box-shadow:0 4px 5px 0 rgba(0,0,0,0.9);text-decoration:none}
.jcarousel-skin-default .jcarousel-clip-horizontal .button a:hover{color:#fff;text-decoration:none}
.jcarousel-skin-default .jcarousel-clip-horizontal .odd.jcarousel-item .button a:hover{background:#2d3708 url(https://lh3.googleusercontent.com/-...AAAAAEsI/rHQPZlldBLw/s22/button_bg_yellow.png) 0 0 repeat-x;border:1px solid #2d3708}
.jcarousel-skin-default .jcarousel-clip-horizontal .even.jcarousel-item .button a:hover{background:#31071a url(https://lh6.googleusercontent.com/-...AAAAAAAEr0/5DebLtGMF88/s22/button_bg_pink.png) 0 0 repeat-x;border:1px solid #320f1f}
.jcarousel-skin-default li.jcarousel-item:nth-child(3n+3) .button a:hover{background:#0e282e url(https://lh5.googleusercontent.com/-...AAAAAAAAEsA/dbnZHrydRcU/s22/button_bg_sky.png) 0 0 repeat-x;border:1px solid #0e282e}
.jcarousel-skin-default .jcarousel-clip-horizontal .jcarousel_bg{background:#19191a url(https://lh4.googleusercontent.com/-...AAAAAAAAEtE/cv2vYBWSMEc/s300/jcarousel_bg.jpg) 0 0 repeat-x;height:137px;border-bottom:1px solid #1d1d1e}
.jcarousel-skin-default .jcarousel-clip-horizontal .jcarousel_indent{padding:10px 20px 0 20px}
.jcarousel-skin-default .jcarousel-prev-horizontal,.jcarousel-skin-default .jcarousel-next-horizontal{display:block}
.jcarousel-skin-default .jcarousel-prev-horizontal{background:url(https://lh3.googleusercontent.com/-...AAAAAAAEs8/EYmsLmZB1K8/s54/jcarousel-prev.png) 0 0 no-repeat;height:27px;width:27px;left:auto;right:28px;top:-37px}
.jcarousel-skin-default .jcarousel-next-horizontal{background:url(https://lh6.googleusercontent.com/-...AAAAAAAEss/k2myFhFqtSY/s54/jcarousel-next.png) 0 0 no-repeat;height:27px;width:29px;left:auto;right:0;top:-37px}
.jcarousel-skin-default .jcarousel-prev-horizontal:hover,.jcarousel-skin-default .jcarousel-next-horizontal:hover{background-position:0 100%}
#block-views-announcements-block h2{font-size: 24px;height: 50px;line-height: 58px;}
#block-views {
border-top:2px solid #c7f901;
position:relative;
padding-top:11px;
}
El link de la imagen de la flechas es
https://lh6.googleusercontent.com/-...AAAAAAAEss/k2myFhFqtSY/s54/jcarousel-next.png
espero sus respuestas y grax por su tiempo, saludos
http://www.quevendescolima.blogspot.mx/
en la parte donde se ven las imagenes hay una flechita para darle clic y automaticamente se cambia al segundo bloque de imagenes, bueno lo que quisiera es ver como le puedo hacer para que cada determinado tiempo automaticamente se active esa flechita
utilize un template que baje y no se si les sirva esta informacion para poder ayudarme en saber que codigo poner y donde
lo que utiliza esas flechitas es este codigo
Dentro de head busque y esta parte corresponde a la imagen de las flechas
.jcarousel-skin-default .jcarousel-next,.jcarousel-skin-default .jcarousel-prev{display:block;width:32px;height:32px;background-image:url(arrows.png)}
.jcarousel-skin-default .jcarousel-next-disabled,.jcarousel-skin-default .jcarousel-prev-disabled{display:none}
.jcarousel-skin-default .jcarousel-prev-horizontal{position:absolute;top:55px;left:10px;background-position:0 0}
.jcarousel-skin-default .jcarousel-prev-horizontal:hover{background-position:-32px 0}
.jcarousel-skin-default .jcarousel-prev-horizontal:active{background-position:-64px 0}
.jcarousel-skin-default .jcarousel-next-horizontal{position:absolute;top:55px;right:10px;background-position:0 -32px}
.jcarousel-skin-default .jcarousel-next-horizontal:hover{background-position:-32px -32px}
.jcarousel-skin-default .jcarousel-next-horizontal:active{background-position:-64px -32px}
.jcarousel-skin-default .jcarousel-prev-vertical{position:absolute;top:10px;left:55px;background-position:0 -64px}
.jcarousel-skin-default .jcarousel-prev-vertical:hover{background-position:-32px -64px}
.jcarousel-skin-default .jcarousel-prev-vertical:active{background-position:-64px -64px}
.jcarousel-skin-default .jcarousel-next-vertical{position:absolute;bottom:10px;left:55px;background-position:0 -96px}
.jcarousel-skin-default .jcarousel-next-vertical:hover{background-position:-32px -96px}
.jcarousel-skin-default .jcarousel-next-vertical:active{background-position:-64px -96px}
.jcarousel-skin-default .jcarousel-navigation{margin:0;padding:0}
.jcarousel-skin-default .jcarousel-navigation li{display:inline;margin:0 2px 0 0;padding:0;background:none}
.jcarousel-skin-default .jcarousel-navigation li.active a{font-weight:bold;text-decoration:none}
.jcarousel-skin-default .jcarousel-container-horizontal{margin:0;padding:0;width:940px;height:480px}
.jcarousel-skin-default .jcarousel-item{width:300px;height:480px}
.jcarousel-skin-default .jcarousel-clip-horizontal{width:940px}
.jcarousel-skin-default li.jcarousel-item{padding:0;border:none;margin:0;margin-right:20px;text-align:left;box-shadow:0 4px 2px 0 rgba(0,0,0,0.75);margin-bottom:28px}
.jcarousel-container-horizontal .jcarousel-item img{border-top:1px solid #979797;border-bottom:1px solid #6d6b6b;box-shadow:none !important;display:block}
.jcarousel-skin-default .jcarousel-clip-horizontal .views-field-title{color:#fff;font-family:'Oswald',sans-serif;font-size:36px;line-height:40px;text-shadow:3px 3px 3px rgba(0,0,0,0.6);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px}
.jcarousel-skin-default .jcarousel-clip-horizontal .button{float:right}
.jcarousel-skin-default .jcarousel-clip-horizontal .button a{display:inline-block;color:#7f7f7f;text-transform:uppercase;font-size:10px;line-height:12px;padding:6px 9px;border:1px solid #2a2a2a;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:#191919 url(https://lh3.googleusercontent.com/-6_f34fdkgpA/UMPgin85JbI/AAAAAAAAErw/04_Q_yo6rmc/s22/button_bg.png) 0 0 repeat-x;-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.9);box-shadow:0 4px 5px 0 rgba(0,0,0,0.9);text-decoration:none}
.jcarousel-skin-default .jcarousel-clip-horizontal .button a:hover{color:#fff;text-decoration:none}
.jcarousel-skin-default .jcarousel-clip-horizontal .odd.jcarousel-item .button a:hover{background:#2d3708 url(https://lh3.googleusercontent.com/-...AAAAAEsI/rHQPZlldBLw/s22/button_bg_yellow.png) 0 0 repeat-x;border:1px solid #2d3708}
.jcarousel-skin-default .jcarousel-clip-horizontal .even.jcarousel-item .button a:hover{background:#31071a url(https://lh6.googleusercontent.com/-...AAAAAAAEr0/5DebLtGMF88/s22/button_bg_pink.png) 0 0 repeat-x;border:1px solid #320f1f}
.jcarousel-skin-default li.jcarousel-item:nth-child(3n+3) .button a:hover{background:#0e282e url(https://lh5.googleusercontent.com/-...AAAAAAAAEsA/dbnZHrydRcU/s22/button_bg_sky.png) 0 0 repeat-x;border:1px solid #0e282e}
.jcarousel-skin-default .jcarousel-clip-horizontal .jcarousel_bg{background:#19191a url(https://lh4.googleusercontent.com/-...AAAAAAAAEtE/cv2vYBWSMEc/s300/jcarousel_bg.jpg) 0 0 repeat-x;height:137px;border-bottom:1px solid #1d1d1e}
.jcarousel-skin-default .jcarousel-clip-horizontal .jcarousel_indent{padding:10px 20px 0 20px}
.jcarousel-skin-default .jcarousel-prev-horizontal,.jcarousel-skin-default .jcarousel-next-horizontal{display:block}
.jcarousel-skin-default .jcarousel-prev-horizontal{background:url(https://lh3.googleusercontent.com/-...AAAAAAAEs8/EYmsLmZB1K8/s54/jcarousel-prev.png) 0 0 no-repeat;height:27px;width:27px;left:auto;right:28px;top:-37px}
.jcarousel-skin-default .jcarousel-next-horizontal{background:url(https://lh6.googleusercontent.com/-...AAAAAAAEss/k2myFhFqtSY/s54/jcarousel-next.png) 0 0 no-repeat;height:27px;width:29px;left:auto;right:0;top:-37px}
.jcarousel-skin-default .jcarousel-prev-horizontal:hover,.jcarousel-skin-default .jcarousel-next-horizontal:hover{background-position:0 100%}
#block-views-announcements-block h2{font-size: 24px;height: 50px;line-height: 58px;}
#block-views {
border-top:2px solid #c7f901;
position:relative;
padding-top:11px;
}
El link de la imagen de la flechas es
https://lh6.googleusercontent.com/-...AAAAAAAEss/k2myFhFqtSY/s54/jcarousel-next.png
espero sus respuestas y grax por su tiempo, saludos