ORIONGUNNING     Frontend Developer

New Demo for GRIDDER powered by AJAX

I’ve finally took some time to do a better demo for my JQUERY plugin GRIDER (Ajax Version);

Enjoy: http://www.oriongunning.com/demo/gridder-ajax/demo.php

More details about the GRIDDER plugin here: http://www.oriongunning.com/blog/thumbnail-grid-expanding-preview/

  • Simon

    Very nice script! but i get some errror.

    thats the result in xampp:

    Warning: include(api/key.php): failed to open stream: No such file or directory in C:xampphtdocsgridder-ajaxdemo.php on line 18

    Warning: include(): Failed opening ‘api/key.php’ for inclusion (include_path=’.;C:xamppphpPEAR’) in C:xampphtdocsgridder-ajaxdemo.php on line 18

    Notice: Undefined variable: key in C:xampphtdocsgridder-ajaxdemo.php on line 21

    maybe u forgot the key.php?


    • oriongu

      Hello Simon.

      This is just a demo to show how you can use the gridder ajax plugin. I did not add the key.php as it contain my personal LOL developer key.

      However, I updated the github project with the key.php file and explantion of how to obtain a key.


      • Simon

        (: thank you sir

  • James

    Hi, really like this plugin. Is there anyway for:

    Content to SlideOp as well as SlideShut?

    Content to slide left and right on previous and next buttons?

    • oriongu

      Thanks James.

      It’s a good idea, but I’m not sure of how to add that yet.

      So it’ll will not be added in the near future. :(

  • hiphoplive

    Hi Oriongu,

    Great plugin. Something I’ve been looking for in a long time. I’m particularly interested in adapting the plugin to use it as a display board for school projects. (how will the api process work or how can I use it without that?)

    I was also wondering how I could implement it the way you have it on your front page – to display news articles for the school website.

    I’m a novice in programming so I have a very basic knowledge.
    Thank you very much and I look forward to hearing from you.


  • Joyner Rodriguez

    alguien que hable español para que me ayude como instalarlo por favor

    • oriongu

      Just copy all the content of the repo into a xamp folder or on a server folder(mandatory, as we need to interpret the php files). get a LOL API key at https://developer.riotgames.com/ . Put that key in the key.php file. The view your project and it should work. Good luck.

  • Hi Oriongu, i want to make it wordpress version. i mean wp plugin. can i do it ?

  • Dean Friedland

    Hey Oriongu! Can you PLEASE help me with my issue? The post is here: http://stackoverflow.com/questions/37259532/issue-with-gridder-ajax-plug-in

  • Paul Johnson

    Hey Oriongu. I have been looking for something like this for a while. I am fairly new to development. I have installed the html, CSS and JS. When I click on an image I get an error page not found. Here is the link to the page: http://tennis2.businesscatalyst.com/google-style-lightbox?item=item_4. Any help would be much appreciated. Thanks Paul

    • admin

      I see you are nearly there. on the homepage, just make sure the button ‘more’ actually points to a real page in wordpress… That’s why you having a error i think.

  • siddappa

    Hey Orion,
    How to expand the panel by making single div.