Página 1 de 1
Funcion aleatorio en los template
Publicado: 27 Jun 2015, 23:51
por Makoto
Bueno en mi plantilla tengo div con clases pero quisiera que esas clases sean aleatorios por ejemplo lo tengo asi
div class="funcion1 001"
div class="funcion2 002"
pues tengo en un arreglo de esta manera {funcion1, funcion2, funcion3, ...... ,funcionN}
quisiera que aparesca asi
div class="funcion3 001"
div class="funcion1 002"
div class="funcionN 003"
pues estoy usando el wow.js y animated.css
espero que me hallan entendido
Gracias
Re: Funcion aleatorio en los template
Publicado: 28 Jun 2015, 12:22
por ThE KuKa
@ Makoto, debes actualizar los datos de soporte, según tu duda es sobre 3.1.x y tu firma o foro, es 3.0.x
Saludos.
Re: Funcion aleatorio en los template
Publicado: 28 Jun 2015, 15:34
por Makoto
aun tengo en desarrollo el 3.1 u_u
Re: Funcion aleatorio en los template
Publicado: 28 Jun 2015, 18:27
por Makoto
estoy usando este script
Código: Seleccionar todo
<script>
head.ready(function () {
var wowanimation = {
init: function()
{
if (!document.querySelectorAll(".wow").length) { return false; }
var myElements = document.querySelectorAll(".wow");
var animations = ["bounceInDown", "bounceInLeft", "bounceInRight","bounceInUp","fadeIn","fadeInDown","fadeInDownBig","fadeInLeft","fadeInLeftBig","fadeInRight","fadeInRightBig","fadeInUp","fadeInUpBig","flipInX","flipInY","lightSpeedIn","rotateIn","rotateInDownLeft","rotateInDownRight","rotateInUpLeft","rotateInUpRight","rollIn","zoomIn","zoomInDown","zoomInLeft","zoomInRight","zoomInUp","slideInDown","slideInLeft","slideInRight","slideInUp"];
for (var i = 0; i < myElements.length; i++) {
var animation = myShows[Math.floor(Math.random() * animations.length)];
addClass(myElements[i], animation);
}
}
};
function addClass(element, classToAdd) {
var currentClassValue = element.className;
if (currentClassValue.indexOf(classToAdd) == -1) {
if ((currentClassValue == null) || (currentClassValue === "")) {
element.className = classToAdd;
} else {
element.className += " " + classToAdd;
}
}
}
function removeClass(element, classToRemove) {
var currentClassValue = element.className;
if (currentClassValue == classToRemove) {
element.className = "";
return;
}
var classValues = currentClassValue.split(" ");
var filteredList = [];
for (var i = 0 ; i < classValues.length; i++) {
if (classToRemove != classValues[i]) {
filteredList.push(classValues[i]);
}
}
element.className = filteredList.join(" ");
}
if (window.onload_functions) // prosilver
{
onload_functions.push('wowanimation.init()');
}
else if (typeof(window.addEventListener) !== "undefined") // DOM
{
window.addEventListener("load", wowanimation.init, false);
}
else if (typeof(window.attachEvent) !== "undefined") // MSIE
{
window.attachEvent("onload", wowanimation.init);
}
new WOW().init();
});
</script>
me funciona bien :3