En la interfaz, ¿cómo puedo implementar esto en una imagen rotada donde el mensaje muestra el fondo?
Utilice el complemento giratorio directamente
Tome como ejemplo el girador más común: cinco imágenes de girador + indicadores de matriz de puntos + flechas izquierda y derecha.
ul, ol { padding: 0;}
.banner { posición: relativo; desbordamiento: auto; alineación de texto: centro;}
.banner li { estilo de lista : ninguno; }
.banner ul li { float: izquierda }
#b04 { ancho: 640px;}
#b04 .dots { posición: absoluto; izquierda: 0; derecha: 0; abajo: 20; derecha: 0; abajo: 20px;}
#b04 .dots li
{
visualización: bloque en línea;
ancho: 10 px;
alto: 10 px;
margen: 0 4 px;
sangría de texto : -999em;
borde: 2px sólido #fff;
radio-borde: 6px;
cursor: puntero;
opacidad : .4;
- webkit-transition: fondo .5s, opacidad .5s;
-moz-transition: fondo .5s, opacidad .5s;
transición: fondo .5s, opacidad .5s;
}
#b04 .dots li.active
{
fondo: #fff;
opacidad: 1;
}
#b04 .arrow { posición: absoluta; arriba: 200px;}
Transición: fondo .5s, opacidad .top: 200px;}
#b04 #al { izquierda: 15px;}
#b04 #ar { derecha: 15px;}
$(documento).ready(función(e)?{
var?unslider04?=?$('# b04').unslider({
dots:?true
}),
data04?=?unslider04.data('unslider'); p>
p>
$('.unslider-arrow04').click (función()?{
var?fn?=?this.className.split('?') [1];
data04[fn]();
});
});
$('.unslider-arrow04'.click (función()?