CODEWITHSUNDEEP
jqueryjquery-ui
jcarlosweb
jcarlosweb

Reputation: 974

resizable grid column with image next and prev

I'm trying to make a website builder based on grid column.

To make the columns I want to resize the width with images using jQuery UI library, I do not find the option to use image resizing.

Is it possible to resize with next and prev images arrows?.

Here I have this example but without arrows:

$(function() {
    $( "#resizable" ).resizable({
      grid: 50
    });
});

JSFIDDLE

Can you help please?

Upvotes: 0

Views: 276

Answers (1)

Optimus Prime
Optimus Prime

Reputation: 6907

Here,

$('#prev').click(function(){  
     $("#resizable").css({"width": $("#resizable").width()-10});
});
$('#next').click(function(){
     $("#resizable").css({"width": $("#resizable").width()+10});
});

JSFIDDLE DEMO

Upvotes: 1

Related Questions