Hola.
Estoy trabajando con el mapa de jvectormap y me gustaría añadir un efecto transition al hover.
La parte del archivo que gobierna estas cosas está así para el tema del color:
Código:
$.fn.vectorMap = function(options) {
var defaultParams = {
map: 'world_en',
color: '#6383d3',
hoverColor: '#323637',
He cambiado el color.
¿Es posible poner un transition aquí para hacer que el color del hover entre en 2 segundos?
(
http://www.w3schools.com/css3/css3_transitions.asp)
Tengo otro archivo desde el que se organiza otra cuestión, con este código, creo que más sencillo, en que se podría poner el efecto.
Código:
$('#ZAN').hover(
function () {
$('#map').vectorMap('set', 'colors', {
ZAN: '#323637'
})
},
function () {
$('#map').vectorMap('set', 'colors', {
ZAN: '#6383d3'
})
}
);
He intentado meterlo de varias maneras pero algo me falla porque no funciona.
No es problema de navegador, porque lo he probado en Firefox y Chrome, que lo soportan perfectamente.
O tal vez haya otra forma de hacerlo con javascript sin transition de css.
He intengado tirar de esta solución (
http://stackoverflow.com/questions/6...ith-javascript) pero no acabo de conseguir encajarlo.