CodeCanyon

Ether Grid Slider jQuery Plugin

  • Exclusive Author
  • Referred between 10 and 49 users
  • Has been a member for 2-3 years
  • Author had a Free File of the Month
  • Bought between 1 and 9 items
  • Most Wanted Bounty Winner
  • Microlancer Beta Tester
  • Sold between 10 000 and 50 000 dollars

Very nice work. Good luck

  • Bought between 500 and 999 items
  • Has been a member for 3-4 years

You’re a hero.

  • Bought between 50 and 99 items
  • Has been a member for 3-4 years
  • United States
YogiFish Purchased

Great software and code design. Works perfect for my developments @ http://www.themovementchannel.com/index.php/site/social

Thank You,

YogiFish

  • Bought between 500 and 999 items
  • Has been a member for 3-4 years

So happy to have this- Already gave it a 5 star rating :D

Thanks again!

  • Australia
  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

Hi. Nice. Any chance that this could be converted to a WordPress Plugin.

pordesign

Hello,

WordPress plugin is on the roadmap, however I can’t give you an exact timeframe right now ;-)

  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 4-5 years
  • Sold between 1 and 100 dollars

Great plugin. I too, would purchase this immediately if this was made available as a WordPress Plugin :)

pordesign

Presumably it will be available both as a standalone WP plugin and integrated with Ether Builder in near future! ;-)

  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 6-7 years
  • United States

You might consider releasing this as an add-on for your ether builder plugin. It would be great to have this available in the drag and drop content builder for WP.

pordesign

We will be integrating it in one of upcoming Ether Builder updates ;-)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Would it be possible to nest one slider within another? Take your classic slider or image feed as an example. Let’s say I have some extra info about a particular photo that’d I’d like to display and to access it the user could scroll up/down – sorta like a vertical slider within each column.

pordesign

Grid Slider does not interfere in any way with items it is applied to so if you’re asking about 3rd party code then yes.

Additionally we have GridSlider nesting compatibility on our product roadmap in the near future so eventually you will be able to nest grids one in another ;-)

  • Bought between 50 and 99 items
  • Has been a member for 4-5 years

I like the look of this but is there iPhone / Android touch capabilities coming at any point?

pordesign

Coming soon ;-)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
fisnnik Purchased

How can i make buttons prev/next disabled when you are in first/last slide?

pordesign

At the moment you can’t since the default behavour of the slider is to loop indefinitely

However, I see an update coming out pretty soon that will include such option ;-)

  • Ireland
  • Exclusive Author
  • Bought between 100 and 499 items
  • Has been a member for 1-2 years
Johnny4B Purchased

I am at a lost (pardon my ignorance). most JS files I have bought via CC come with detailed instructions. I am not saying your file does not, but I cant follow them.

It seems relatively simple as far as adding the the details to the head tags, creating the directory within the site files. Adding JS 1 .7.1 to my JS folder

Its where to add the rendering files for the JS, am I adding them in the head tag or within the DIV for the client banner

What do I add for the client banner also, I see you don’t have an example of that (where I would just copy and past the script code)

I have added tons of JS to other sites before, just cant seem to figure this one.

I am defiantly sure I have created the directory to add the gridslider details, I have correctly added the path as instructed ion the Head Tag … I have added JS 1 .7.1to my JS folder (I am using the min version, I am sure that aint the issue) ....

I am trying to add the client slider like you have in the example … but the images are all just formed in a UL on my page.

pordesign

Hey,

Do you have some live example so that I can look at it and give you some guidance? I’d love to help you out with this asap!

PS. Email me at contact.pordesign@gmail.com, this way I’ll will respond waaaay much faster! ;-)

  • Bought between 50 and 99 items
  • Exclusive Author
  • Has been a member for 1-2 years

Can you provide the code for the first “Clients” example? I thought the included docs would include the code for all the examples.

pordesign

Done! ;-)

  • Bought between 50 and 99 items
  • Has been a member for 1-2 years

I also would like to ask you for the Clients example code please.

my e-mail: potosinachilanga@gmail.com

pordesign

Sent you a notification about new Ether Grid Slider available. It comes with several predefined examples including two versions of clients slider! ;-)

potosinachilanga

Wow, that was fast! Thank you! :bigsmile:

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years

Hello,

I’m not sure what I am doing wrong but I just can not get this slider to work. I am new to JavaScript -can you tell from my code what the problem is? Here is the head:
<head>
<meta charset="utf-8" />
<title>N Designs</title>

<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="js/gridslider/gridslider.css">
<!--[if lt IE 9]> 
<script src="js/html5shiv.js"></script>
<![endif]-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/gridslider/gridslider.js"></script>

<script type="text/javascript">
$(document).ready(function () {

$('.slider').gridslider({
    cols: 3, 
    col_spacing_size: 2,
    rows: 1,
    scroll_speed: 1000,
    grid_height: 'constrain'
    });
});
</script>

</head>
and the code for the slider:
<div class="slider">
        <img src="images/tre.jpg" title="Robert Ford Artist Portfolio" />
        <img src="images/catering.jpg" title="Send-A-Chef Catering" />
        <img src="images/metis.jpg" title="Metis Medical Management" />
        <img src="images/carey.jpg" title="Carey Painting" />
</div><!--end slider-->

Thank you!

pordesign

Hey,

Try changing gridslider to gridSlider so that: $(’.slider’).gridslider becomes $(’.slider’).gridSlider

That should do the trick. ;-)

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years

Can I just say I love you? Thanks :bigsmile:

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years

Thanks so much for your quick reply earlier and for a great slider. I hope you can help me again with a couple more questions: When I set ‘ctrl_arrows’ and ‘ctrl_pag’ to false my slideshow no longer autoplays – how can I fix this?

Also is it possible to use my own custom controls to change slides for the previous and next slides? I know the example shows how to link external controls to specific slides (1,2,3, etc.) but I would like to just have a custom left control and custom right control that I create to change slides…

Thanks again :)

  • Bought between 10 and 49 items
  • Has been a member for 1-2 years

Fixed. This slider was exactly what I needed and my issue was resolved so quickly! Thanks again!!!

  • Bought between 50 and 99 items
  • Has been a member for 3-4 years

Can you customize the grid layout? size/width/column/row of the galleries for example?

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Really, love it! :) Thank you!

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Hi,

Its is great jQuery library which made my life is easy.

I got an issue which I’ve been struggling to fix.

Probably it is a bug on JS file.

Below is the issue.

When i pass scroll_axix: x and transition: slide and when i press prev/next from the controller on browser a horizontal scroller appears width of the hidden content area.

I’ve checked on your examples as well, its seems to be the same.

Please assist me on this

Many Thanks


by
by
by
by
by