Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..
Gracias.
La Administración de phpBB España.
añadir codigo javascript para slider
añadir codigo javascript para slider
URL: forobugaboo.com
Estilo(s) usuado(s): blacksilver
MODs/Extensiones instaladas: vigilink pages 2.0.2
Versión de phpBB:3.2.2
Tu conocimiento: Principiante (en phpbb)
Servidor: Ovh de pago
Es una actualización desde otra versión: no es una actualizacion
Es una conversión desde otro tipo de Foro: no es una conversion
hola buenas tardes alguien me puede decir si hay alguna forma de añadir un archivo.js a phpbb3, estoy tratando de crear un slider y bueno el codigo html ya se donde ponerlo , el codigo css lo pongo en la css del estilo y listo, pero el js no se como ponerlo si junto con el html o si hay alguna forma de ponerlo fuera del html.
Gracias y saludos
Re: añadir codigo javascript para slider
Raul [ThE KuKa] en phpBB
Jr. Extension Validator - Jr. Styles Validator - Style Customisations - Translator - International Support Team
Si te gustan mis estilos, traducciones, etc. y quieres mostrar algo de aprecio, no dudes en hacer una donación
phpBB España - En línea desde 2003
Re: añadir codigo javascript para slider
solo que las funciones de jquery las implemento yo en otro archivo js que he llamado main.js y que es esto.
Código: Seleccionar todo
$(document).ready(function(){
var imgItems = $('.slider li').length; // Numero de Slides
var imgPos = 1;
// Agregando paginacion --
for(i = 1; i <= imgItems; i++){
$('.paginacion').append('<li><span class="fa fa-circle"></span></li>');
}
//------------------------
$('.slider li').hide(); // Ocultanos todos los slides
$('.slider li:first').show(); // Mostramos el primer slide
$('.paginacion li:first').css({'color': '#CD6E2E'}); // Damos estilos al primer item de la paginacion
// Ejecutamos todas las funciones
$('.paginacion li').click(paginacion);
$('.derecha span').click(nextSlider);
$('.izquierda span').click(prevSlider);
setInterval(function(){
nextSlider();
}, 4000);
// FUNCIONES =========================================================
function paginacion(){
var paginacionPos = $(this).index() + 1; // Posicion de la paginacion seleccionada
$('.slider li').hide(); // Ocultamos todos los slides
$('.slider li:nth-child('+ paginacionPos +')').fadeIn(); // Mostramos el Slide seleccionado
// Dandole estilos a la paginacion seleccionada
$('.paginacion li').css({'color': '#858585'});
$(this).css({'color': '#CD6E2E'});
imgPos = paginacionPos;
}
function nextSlider(){
if( imgPos >= imgItems){imgPos = 1;}
else {imgPos++;}
$('.paginacion li').css({'color': '#858585'});
$('.paginacion li:nth-child(' + imgPos +')').css({'color': '#CD6E2E'});
$('.slider li').hide(); // Ocultamos todos los slides
$('.slider li:nth-child('+ imgPos +')').fadeIn(); // Mostramos el Slide seleccionado
}
function prevSlider(){
if( imgPos <= 1){imgPos = imgItems;}
else {imgPos--;}
$('.paginacion li').css({'color': '#858585'});
$('.paginacion li:nth-child(' + imgPos +')').css({'color': '#CD6E2E'});
$('.slider li').hide(); // Ocultamos todos los slides
$('.slider li:nth-child('+ imgPos +')').fadeIn(); // Mostramos el Slide seleccionado
}
});
Re: añadir codigo javascript para slider
sabrias decirme a que se debe??
Re: añadir codigo javascript para slider
Para que te sigamos dando soporte tenemos que ver un foro, va a ser necesario que nos proporciones datos de acceso.
Re: añadir codigo javascript para slider
- AlfredoRamos
- Mensajes: 1236
- Registrado: 14 Ene 2017, 22:18
- Género:
Re: añadir codigo javascript para slider
.htpasswd
, aunque checalo con tu proveedor porque alguien tuvo que colocarlo ahí, y de ser así fue por alguna razón.El inicio de sesión doble para entrar al panel de administración es normal, así se genera una nueva sesión y añade una pequeña capa de seguridad, aunque solo necesitas ingresar la contraseña.
Algunas de mis extensiones:
Imgur |
SEO Metadata |
Markdown |
Simple Spoiler BBCode |
hCaptcha
Checa todas mi extensiones aprobadas
Usuario de Arch Linux
Re: añadir codigo javascript para slider
Raul [ThE KuKa] en phpBB
Jr. Extension Validator - Jr. Styles Validator - Style Customisations - Translator - International Support Team
Si te gustan mis estilos, traducciones, etc. y quieres mostrar algo de aprecio, no dudes en hacer una donación
phpBB España - En línea desde 2003