viernes, 24 de junio de 2016

Usando un slide para redimensionar imagenes

Es bastante descriptivo el titulo no ?

nota: este script redimensiona todas las imagenes! Se puede cambiar $("img") por un nombre de clase si se quiere seleccionar algo en particular ;)


$(document).ready(function() {
        $("#slider").slider({
                'max': 720,
                'min': 160,
                'step': 1,
                'value': 320,
                slide: function (event, ui) {
                        var height = parseInt (ui.value / 5) * 4;
                        $('#sliderValue').text (ui.value + ' x ' + height);
                },
                change: function (event, ui) {
                        var height = parseInt (ui.value / 5) * 4;
                        $('.resizeme').attr ('width', ui.value);
                        $('.resizeme').attr ('height', height);}
        });

    $("#slider").slide;
    $("#slider").change2;

});

$("img").ready(function() {
                        $('.resizeme').attr ('width', 320);
                        $('.resizeme').attr ('height', 240);
 } );



No hay comentarios:

Publicar un comentario