Shiba Gallery Plugin

The Shiba Gallery Plugin allows you to display a variety of javascript galleries within your WordPress blog. All you need to do is specify the type of gallery you want in your regular WordPress gallery shortcode.

The Shiba Gallery is very flexible and can render post, page, and gallery objects, in addition to image attachments. This article describes some of the cool things that you can achieve with the Shiba Gallery.

[gallery id="10" type="tiny2" size="large" frame="white" tsize="none" autoplay="1"]

[Shiba Gallery Change-Log]

December 25th, 2015 – Shiba Gallery 4.4.5

  • Fixed lightbox to work with duplicate thumbnail images.
  • Tested for WP 4.4.

This is a very big update, so definitely test first before deploying.

More sample galleries.

Tier 2 and above patrons can download Shiba Gallery here.

Javascript Galleries Supported

Currently, the Shiba WordPress Gallery Plugin includes the following gorgeous Javascript libraries –

TinySlideshow by Michael Leigeber.

Tiny Slideshow is a very slick looking inline gallery that allows users to scroll through the images, or enjoy them in an automatic slideshow mode.

[gallery id=10 type="tiny" caption="title" size="(600, 400)" crop="1" responsive="aspect"]

NoobSlide from EfectoRelativo.net

There is one word to describe the NoobSlide Gallery – Awesome!

If I had two words, I would say Simply Awesome!

With NoobSlide you can easily combine together various gallery type components to create a range of compelling gallery styles.

For example, to the right I have created a NoobSlide version of Galleria. At the bottom I have created a NoobSlide version of SlideViewer.

[gallery id=10 type="noobslide_galleria"]
[gallery id=10 type="noobslide_slideviewer" responsive="aspect"]

Lightbox by Lokesh Dhakar.

Original lightbox gallery. It uses jquery and sizes properly based on browser window.

[gallery id=8162 type=lightbox size="thumbnail" caption="none"]

Slimbox by Christophe Beyls.

Slimbox is an efficient version of Lightbox that is solely based on jQuery. Slimbox will now be used in place of Lytebox.

[gallery id=8162 type=slimbox size="thumbnail" caption="none"]

Lytebox by Markus F. Hay.

Lytebox is not as efficient as Slimbox but it will resize images that are larger than the browser screen.

[gallery id=8162 type=lytebox size="(120,120)" caption="none"]

Popeye 2.0 Gallery by Christoph Schüßler.

Popeye is an awesome inline gallery that allows you to expand images in-place. It also has some very well styled frames which we have also included in the Shiba Gallery Plugin.

[gallery id=10 type=popeye]

Galleria by Aino.

Galleria is a very professional looking image gallery. It is also fast, simple, and easy to use. The classic version shown here is very similar to Tiny Slideshow in terms of functionality. However, there are a variety of other themes that can be bought at the Galleria site that offers many alternative functions and views.

[gallery id=10 type="galleria"]

Navigation List by ShibaShake

A simple list of posts or pages including their thumbnails, associated links, and a short summary. A good way to create a navigation page or navigation widget.

[gallery type="navlist" recent="1" numberposts="5" caption="description" ]

WordPress Native Gallery

The WordPress native gallery is also supported. Just specify the type as native.

[gallery id=10 type=native size="thumbnail" responsive="aspect"]

Expanded WordPress Native Gallery

The previous expanded WordPress Native Gallery has been replaced with the NoobSlide NativeX gallery. It contains thumbnails just as before, but also has a nice preview image and description panel. This gallery is most useful when displaying post, page, or gallery objects.

Just specify the type as noobslide_nativex.

[gallery id=1688 type="noobslide_nativex" size="medium"]

Custom Image Size

You can specify the image size that you want using the standard WordPress gallery shortcode tags – full, large, medium, thumbnail. These sizes are set under Settings >> Media.

Alternatively, you can also specify your own custom size.

[gallery id="1969" type="galleria" size="(300,225)"]

Shiba Gallery Plugin Expanded Short-Codes

  • category – List of comma separated category ids to include in the gallery.
  • [gallery category="109" type="nativex"]
    
  • tag – List of comma separated tag slugs to include in the gallery.
  • [gallery tag="tag-a,tag-b,tag-c"]
    
  • tag_and – Same as above except this allows you to perform an AND operation instead of an OR. It will only return images that contain ALL of the tags in your list.
  • [gallery tag_and="tag-a,tag-b,tag-c"]
    
  • recent – List of recent articles.
  • [gallery recent="1"]
    
  • numberposts – Number of objects to include in the gallery.
  • [gallery category="10" numberposts="15"]
    
  • page – Which page of gallery objects to show. It is used in conjunction with numberposts to enable gallery paging.
  • [gallery category="10" numberposts="5" page="2"]
    
  • post_type – The type of objects to include (post, page, gallery, attachment, or any).
  • [gallery category="109" type="nativex" numberposts="15" post_type="post"]
    
  • responsive – Specifies whether gallery should be client responsive [none, aspect, width]. Width adjusts the width of the gallery while keeping height constant. Aspect adjusts both width and height of gallery to maintain its aspect ratio. More on client responsive options.
  • [gallery category="109" responsive="aspect" type="tiny"]
    
  • tsize – Specify thumbnail size. Set tsize=”none” for no thumbnails.
  • [gallery category="109" tsize="(54,54)" type="tiny"]
    
  • frame – The type of frame to use for the gallery. Current frames include none, green, blue, gray, shadow, black, white, and border. Here are some example galleries with the different frames.
  • [gallery category="10" frame="green"]
    
  • link – What to use as the gallery caption and image links. Current link options include none, attachment, file, slimbox or lytebox.
  • [gallery category="10" link="none"]
    
  • caption – What to use as the image captions. Current caption options include none, title, description, or permanent. More detail on the different gallery caption options.
  • [gallery category="10" caption="description"]
    
  • cpos – Positions the gallery caption to the [bottom, top, left, right].
  • [gallery category="109" cpos="bottom"]
    
  • clen – Specifies maximum caption length for the gallery.
  • [gallery category="109" clen="500"]
    
  • crop – Crops images in gallery.
  • [gallery category="109" crop="1"]
    
  • active – Specifies whether images in the gallery are active, i.e. whether the images act as links.
  • [gallery category="109" active="1"]
    
  • autoplay – Automatically scroll through the gallery. Any manual user action will stop autoplay.
  • [gallery category="109" autoplay="1"]
    

Note
Only one of include, category, tag, recent, or id will be used. Include will be checked first, followed by category, followed by tag, and then recent. If none of these are set, id will be used.

Shiba Gallery Default Options

You can specify a default gallery type by going to Media >> Shiba Gallery.

From this screen you may also set the default thumbnail picture, default frame, and default captions. There is also a check box in the Default Frame section that specifies whether this default frame should also be applied to images in your blog.

The default gallery image will be used for posts and galleries that have no thumbnails assigned to them. If you do not have a default image, the plugin will just display an empty black image.

Show Shiba Galleries in Your Widget Areas

To show shiba galleries in your widget areas, simply enable gallery shortcodes for text widgets.

// Add to the init function of your functions.php file
add_filter('widget_text', 'do_shortcode');

Call Shiba Gallery Directly from PHP

If we want to call Shiba Gallery directly from PHP rather than use the WordPress gallery shortcode, we may do the following –

global $shiba_gallery;
echo $shiba_gallery->parse_gallery_shortcode("", array('id' => "10"));

Tier 2 and above patrons can download Shiba Gallery here.

Shiba Gallery Plugin Updates

Shiba Gallery 4.4

May 3rd, 2014

  • Updated plugin paths.
  • Added clen as a gallery shortcode attribute for controlling caption length on a gallery by gallery basis.
  • Fixed a bunch of gallery CSS styles.
  • Remove device check for slimbox javascript.
  • Noobslide now using mootools 1.4.5.
  • Updated for WordPress 3.9.
  • Tested on Chrome, Safari, IE 11.

Shiba Gallery 4.3.3

Sept 23rd, 2013

  • Added lightbox 2 gallery by Lokesh Dhakar.
  • Fixed sizing bug that occurs when server responsive option is turned off. Thanks to Susan for reporting this.
  • Assign better option default values based on gallery type.

Shiba Gallery 4.3

Sept 18th, 2013

  • Shiba Gallery is now both client and server responsive. Server responsiveness allows the server to send the right sized images based on device width. Client responsiveness allows image size to change based on browser width.
    [More on mobile responsive galleries and images]
  • Gallery images and links can now be tied to slimbox or lytebox.
  • Added new gallery shortcode attributes – crop, active, and cpos.
  • Create a slimbox gallery based on captioned images within a post.
  • Updated Shiba Gallery settings page.
  • Updated for WordPress 3.6.
  • Cleaned up styles and fixed a bunch of bugs.

Shiba Gallery 4.0

Jan 12th, 2013

  • Galleries and captioned images are now mobile responsive! The plugin uses device width to determine gallery and image sizes.

    To turn on the mobile responsive feature, go to Media >> Shiba Gallery, scroll down to the bottom, and click on the “Enable responsive galleries and images” checkbox.

    [More on mobile responsive galleries and images and what is used in this plugin]

  • Updated for WordPress 3.5.
  • Updated Tinyslideshow to version 2. The old version is still available by using type=”tiny1″
  • Fixed noobslide fast clicks causing thumbnails and images to get out of sync.
  • Collect galleria styles into the main css file.
  • Options page is now encapsulated in a class wrapper and also uses the 3.5 new media manager.
  • Removed Pslides. There are customization limitations, and the plugin already contains several thumbnail galleries including tiny1, tiny2, galleria, and noobslide.
  • A whole bunch of other fixes.

Shiba Gallery 3.7.2

Aug 7th, 2012

  • Updated for WordPress 3.4. Fixed default image pop-up menu.
  • Updated Shiba Gallery options page with more standardized permissions check.

Shiba Gallery 3.7

May 7th, 2012

  • Control thumbnail size. Specify thumbnail size using the tsize parameter. Works with Tiny Slideshow, Picture Slides, and Noobslide.
  • Galleria. A new version of Galleria has been added back to the plugin.
  • Navigation List. Useful for displaying a set of related posts or pages together with thumbnails, links, and article summaries.
  • Default value filter. Hook into the shiba_gallery_defaults filter to alter gallery default values.
  • IE8 and IE7 compability. Fixed several IE8 and IE7 compatibility issues. All galleries should now work on these browsers.

Shiba Gallery 3.5

February 15th, 2011

  • Gallery links. You now have the option to set your gallery links to file, attachment, or none.
  • Expanded WordPress captions. The standard WordPress caption shortcode has been expanded to deal with images and galleries.
  • Lytebox. The Lytebox gallery has been added back to the plugin because it resizes large images according to the browser screen whereas Slimbox does not.
  • Apostrophe in Titles. Galleries should function properly even if images have the apostrophe symbol in their titles.

Shiba Gallery 3.3

December 2nd, 2010
This is a big release with many new features.

  • Gallery frames. You may now assign a variety of styled frames to your WordPress galleries and images.
  • Gallery captions. You may now turn gallery captions on and off, as well as show image titles and descriptions.
  • Gallery paging. The page attribute is now supported in the gallery shortcode. You may easily enable gallery paging by setting numberposts and page in your gallery shortcode.
  • Gallery default options. There is now a gallery options page under Media >> Shiba Gallery. This screen allows you to set default frames, gallery types, captions, and thumbnail.
  • New galleries. Some exciting new galleries have been added including Popeye 2.0, Picture Slides, and Slimbox.
  • Gallery javascripts are now loaded at the end of the page and only as needed. If no galleries are used, then no gallery javascripts will be loaded. This will help improve page efficiency.

Shiba Gallery Plugin 3.1

April 6th, 2010

  • Plugin has been modularized and all functions are encapsulated within wrapper classes.
  • I have also integrated Shiba Gallery with the awesome YARPP plugin for showing related articles. By simply using the related tag in your gallery shortcode you may view YARPP results using any of the javascript galleries within the Shiba plugin.

Shiba Gallery Plugin 3.0

  • The Shiba Gallery Plugin has been significantly enhanced in this release with the inclusion of NoobSlide; one of the most versatile, compelling, and well-constructed Javascript galleries I have come across.
  • With NoobSlide, I was able to construct galleries that are similar in style to the previous Galleria, SlideViewer, and NativeX gallery types. Execution of galleries are now a lot faster, smoother, efficient, and clean.
  • I have replaced –
  • There is no longer any need for iframes, or background-image resizing operations. This makes the plugin faster, cleaner, and more secure.

Shiba Gallery 2.7.3

February 15th, 2010

  • There is a Fatal error bug in the Shiba Gallery 2.7 release. This is due to a missing function in the plugin. I have fixed it in the latest patch 2.7.3. Please download this important patch.
  • Many thanks to Jacob for detecting and reporting it so quickly.

Shiba Gallery Plugin 2.7

  • You can now render post, page, and gallery objects using any of the gallery types. Some new gallery short-code options have been added to facilitate this new capability.
  • We also expanded the WordPress native gallery and added it as a new gallery type (type=”nativex”).

Shiba Gallery Plugin 2.5

Shiba Gallery Plugin 2.0

  • Galleria now works on Google Chrome. It is Schweet!

Shiba Gallery Plugin 1.0

  • Detailed description of the Shiba Gallery Plugin with examples.

Future Additions

If you are particularly impressed with a Javascript gallery, please let me know and I will look into including it within the Shiba Gallery Plugin.

Please let me know if you encounter any bugs or compatibility issues. This will help me to improve the plugin and update the compatibility list above.

Thanks to all the Javascript library authors for sharing their very awesome gallery scripts with us!

Related Articles

If you enjoyed this article, please help support our site.

Comments

  1. says

    Hi, I recently downloaded your awesome plugin and I’m trying to customize some things. Now I’m trying to get the caption out of the noobmask and the shiba-outer classes.

    This is the code that I want to change:

    $outStr .= "\n"; // close noobslide
    $outStr .= $this->generate_caption($num, $args['caption'], $size[0], $args['cpos']);
    $outStr .= "\n"; // close noobmask

    I’m trying to do this:

    $outStr .= "\n"; // close noobslide
    $outStr .= "\n"; // close noobmask
    $outStr .= $this->generate_caption($num, $args['caption'], $size[0], $args['cpos']);

    Somehow the caption disappears when I do it, I don’t know if I have to do something else. Thanks in advance.

    • ShibaShake says

      My guess is that it is probably still there but may not be visible because the background is white. I would be able to make a better guess if I can look at a test page with this modification.

      • says

        Hi, sorry for the late answer.

        This is the code that I want to change and this is the screenshot of how I see it (SCREENSHOT):

        $outStr .= "\n"; // close noobslide
        $outStr .= $this->generate_caption($num, $args['caption'], $size[0], $args['cpos']);
        $outStr .= "\n"; // close noobmask

        I’m trying to change this and this is the screenshot of how I see it after modifying it (SCREENSHOT:

        $outStr .= "\n"; // close noobslide
        $outStr .= "\n"; // close noobmask
        $outStr .= $this->generate_caption($num, $args['caption'], $size[0], $args['cpos']);

        As you see, is not an overlap of the caption and the background, the caption seems to totally disappear.

        Thanks again for making this awesome plugin, looks like we’re going to be best friends for a really long time.

  2. Anne says

    Hi, the galleries are definitely not responding as quickly as they did in the last version. I checked my mobile phone too. Please let me know if there is a way to optimize this so the galleries are as responsive as before. Thanks again for your support really appreciate it!

    anne

    • ShibaShake says

      You can try turning off client responsiveness.
      1. Go into Media >> Shiba Gallery.
      2. Look for “Client Responsive” in Gallery Default Settings. Pick None from the drop down menu.
      3. Save.

      It really shouldn’t slow down response time by much tho, especially for the lightbox type galleries. I just visited your site, and it was pretty smooth for me.

      If you want though, the 4.0 zip is here-
      http://shibashake.com/wordpress-theme/Download/shiba-gallery/shiba-gallery-4.0.zip

      However, I can’t support older versions of the plugin.

      • Anne Beach says

        Thank you again.

        Things are working better today for whatever reason. I will resize some of the images as well.

    • ShibaShake says

      Hello Anne,
      In your gallery shortcode, just add in
      active=”1″

      So your shortcode will be something like this
      [gallery type="lightbox" active="1"]

      If you have many galleries you can set the “active” attribute to be true for all galleries by-
      1. Go into Media >> Shiba Gallery
      2. Scroll down to the “Active” checkbox in Gallery Default Settings
      3. Check the “Active” checkbox
      4. Save

      Thanks for reporting this. I have fixed the plugin so that the images are always active for lightbox, lytebox, and slimbox.

  3. says

    Hello,

    I have been using your plugin for around four years. It allows me some unigue ways to display galleries. Recently, I installed another plugin which uses the same shortcode {gallery ] and the plugin conflicts. Is there an easy way I can to adjust your short code on my site within your plugin ? thanks so much

  4. says

    I seem to have a problem with the ‘Gallery Default Settings.’ When I set the Gallery type to “Slimbox’ it does not work. I assume I need to set the ‘link’ settings to ‘Slimbox. However when I manually set the gallery type=”slimbox”, it works. What am I doing wrong in the settings page. When I set it to ‘Galleria’, it works.

    Thanks

    Genesis 2.01
    WordPress 3.81

  5. says

    Awesome plugin!
    I’m trying to place the thumbnails (tiny2 version) ABOVE the slider, rather then under it. I’ve played around with shiba-tiny2.php but couldn’t get it right. Any quick workaround? It’d be HUGE help, thanks!

  6. ain says

    can help me how to set noobslide_nativex image size to 375,250? because when i set [gallery type="noobslide_nativex" size="(375,250)" ids="284,285,286,287,288"] , it display small image size, its not follow my setting.

    • ShibaShake says

      Does using size=”large” or size=”medium” work? What is the maximum size of the images? Is there an example page?

  7. Andras says

    Found the problem in the meantime by looking through the code: I am using a custom theme where there is no function. That is why Shiba Gallery couldn’t add the required JS files. Added the function and it now works fine.
    Thx anyway :)

  8. Andras says

    Hi,

    somehow I can not get your plugin to work. It gives me Uncaught ReferenceError: tiny2 is not defined error messages. To be honest it is not just the tiny, but the others as well. After checking my code and this website’s code I realised that somehow the plugin is not running the init function. The gallery.js is included (tiny in this case) but the actualy init is not done. I would appreciate any help. Thank you

  9. says

    Hello. Thank you for the great plugin! One question, I am trying to use the native wordpress gallery to layout a page of albums that link to separate galleries. For some reason, I cannot get them to align properly. I am hoping for either 3 or 4 columns of thumbnails, any suggestions? The page in question is: http://modernlywed.com/galleriestest

    Thank you!

    • ShibaShake says

      There is an added margin defined in the stylesheet of your theme that is causing too much space to be allocated to each image, which is why the third image is pushed down. Try adding something like-

      <style>
      dl { margin: 0; }  
      </style>
      
      • says

        Thank you for your reply! I added that code, but now the thumbnail images just appear off-center from the text. In the “browse by detail” section I have it calling out 3 columns, in the “browse by color” section I have 4 columns. It creates images with different margins/padding, but both bump images to a second row. Any other thoughts?

        • ShibaShake says

          It looks like there is an error in the style code that you added in. The </style> should be moved up so that it does not encapsulate the other style block. Alternatively, you can add the style block within your post (under HTML edit).

          You can also specify multiple cascading classes to make sure that the margin overrides what is defined by your theme, for example-

          <style>
          .shiba-gallery dl { margin: 10px 0 0 0; }  
          </style>
          

          Or add in the !important tag.

          If you are using Chrome, it is relatively easy to debug style issues and conflicts by right clicking on the image and selecting “Inspect Element”.

  10. Saikee says

    ShibaShake, thanks for your contribution.

    Is it possible to display slide show from all the images in the Media LIbrary ?
    And also for newly uploaded images ?

    B.Rgds

  11. Joe says

    “Only one of include, category, tag, recent, or id will be used. Include will be checked first, followed by category, followed by tag, and then recent.”

    What does the “include” parameter do, and what are valid arguments please?

  12. Joe says

    Hi there. Thank you for your excellent gallery plugin. It is the best I’ve seen, and I’ve tried them all. (did you intentionally leave it out of the WP database?).
    Anyway, I just have one suggestion to make it better. I am building a very image rich website, and I extensively use tags to classify the images. I would be great if the tag parameter in the shortcode was enhanced to use logic operators. For example, there’s currently no way to define a galllery that combines tags like this: “furniture” AND (“table” OR “chair”), NOT “desk”.
    Would that be difficult to implement?

    Cheers.

    • says

      Something like that is probably best done through the posts_where filter. What you want is to flexibly craft your own database query, and hooking into posts_where will allow you to do that.

      posts_where is a wordpress native filter.

      • Joe says

        OK it looks like that requires PHP coding which I’m reluctant to do. I think I’ll just manually create a gallery. Thanks.

  13. April says

    Hi There
    Would it be difficult to use the noobslide gallerria and/or slideviewer so that the thumbnails are horizontal to left with more than one row. Would I be able to dig into the CSS of the plugin somewhere to do this. The set up is almost exactly what I need after looking through hundreds of free and premium plugins.
    Best,
    April

    • says

      The CSS is all in the css/shiba-gallery.css file [ css/shiba-gallery.dev.css is the uncompressed version ]. Search for noobmain, which is the start of all the noobslide styles.

      Personally, I wouldn’t change the main CSS file. Better to just override the styles from a child theme.

  14. says

    Reposted 18 March 2013, originally posted on ‘updates to…’ page in error, my apologies.

    Gallery in question appears at top of one-page site http://frugalmule.com/ which is actually (via domain mapping system) this page: http://www.tedpenner.com/frugalmule/

    Hi. I use your media library and gallery plugins on many websites. On frugalmule.com I’m having an odd issue. This shortcode is used to create a gallery in a pseudo-header area at the top of the page content:

    [gallery tag="frugalmule-header" type="tiny2" size="large" frame="none" tsize="none" autoplay="1"]

    The following css overrides are added for the page:
    .sliderbutton {display:none;}
    .tiny2 .pagination {display:none}
    .entry-content{padding:0;}
    .shiba-caption.cbottom {display:none;}

    The slide images are all exactly 600px by 170px. All but one have a picture at one edge and black fill to make them the right width. The exception has a picture at center with black fill to left and right to make it the right width.

    For some reason, the tiny 2 slideshow is offsetting some of the images. The ‘centered’ one appears off to the right, and at least one of the others shows a black column in front of the picture. I’ve been inspecting the elements with firefox and chrome for hours and I can’t seem to find out what is causing the odd behavior. I’d really appreciate some help on it. Thanks in advance.

  15. says

    So I click the checkbox, and I think it used to work, but on my iPad 2 in portrait the galleries do not resize properly. Landscape looks fine. Portrait the gallery overlaps my sidebar. Help, please?

  16. Hugh says

    This plugin is exactly what I was looking for. But when i go in to Media -> Shiba Gallery I get the error:
    “Fatal error: Call to undefined function wp_enqueue_media() in /var/www/my-domain.com/test/wp-content/plugins/shiba-gallery/shiba-gallery-options.php on line 36”
    Any ideas why that happens or what is wrong?
    I’m using wordpress 3.4.2 and a custom them with widgets and custome menu

  17. says

    Hello, it’s been a while since I’ve needed any help. I’ve been using your plug in for a long time, have always liked the way it added a customized effect.

    I was wondering if you could take a look at my recent problem.

    When I call for the Shiba at the end of posts I have no issues
    http://fritzimages.com/blog/2012/lee-big-stopper-system/13217/

    I recently tested the noobslide which are used to create mini-blogs and the plugin freezes
    http://fritzimages.com/blog/2012/2012-nov-blog/13107/
    my post command is:
    [gallery recent="1" font-size:14 numberposts="15" gallery type="noobslide_8" size="(150,150)"]

    I’m not sure what is causing the freeze issue

    I’m reluctant to upgrade your plugin plugin or YARRP since whenever I did in the past the errors started to fly in.

    Wp 3.4
    Shiba Galery 3.5.1
    YARPP 3.21

    thanks,

    Ed

    • says

      Hmmm, the page is freezing because somehow the first gallery object, noobslide1 is missing. Also, the next and previous post links are showing up a bit differently. Did you make modifications to the gallery?

      Probably the best thing to do is to update both plugins on a test site (without modifications) and test things out there on a default theme.

      Also, I would try taking out font-size and use just type instead of gallery type.
      [gallery recent="1" numberposts="15" type="noobslide_8" size="(150,150)"]

      Let me know how it goes.

      • says

        Hi …thanks for the quick reply… I tried editing out the font size, but that had no effect. I never made in modifications to the galley that I remember, but it is of.

        What did you mean that the gallery object noobslide1 is missing ?

        The other peculiar thing is that a mouse click on the arrows of next keys do not work. I think I’ll see if any other plug in is causing an issue and maybe reload a few files.

        I’ll keep you posted….

        thanks

  18. Bruno says

    Thx for the plugin, it is exactly what Im looking for, but:

    I need help, Im trying to use it with Delicate Theme from Elegant Themes and Shiba is breaking the slideshows from the initial page.

  19. Naren says

    Hi, amazing plugin…I like it..

    But I want some change in “pslides”. if any one click on image than it will open with light-box, ya I wann the pslides effect as it is..
    so, how can i do that..?? plz help me..

    • Sanja says

      @Naren – I am helping my friend to build the page, and we all love the Shiba plugin so much but this question pops up several times :
      is it possible with noobslide (or pslides) that click on image title would open image with slimbox/lightbox effect?

      If you manage to do that would you be so kind to post how you did it.
      Thanks

  20. Howard Davis says

    Hi, I’m building an artist gallery website in WordPress PressWork and love the drop-shadow feature in the Shiba gallery plugin. It seems to work fine with Chrome. The problem I have with using it is that the “shadows” do not/not show up in the Firefox broswer, at least using Firefox for PC (I have vers 15.0.1.) Is there a relatively easy workaround? Would love to show off the art with Shiba. Thanks

  21. says

    This may be an absurd question, but I’ve combed the web pages here looking for an answer to two questions, so I thought I would ask here:

    1) Is there a document that explains all of the shortcode options for Shiba Gallery?

    2) What has to be in place for the related posts functionality to work? I’ve taken examples straight from your examples here and they display absolutely nothing on my site, in either a post or a page. What am I missing?

    Take care of you,
    -nee

  22. says

    Hi am trying to get a handle on wordpress and your gallery plugin an when i follow your steps NO gallery appears, (have made slimbox default) when i look at the html i see
    [gallery link="file" columns="4" orderby="rand"]

    then i tried your above code
    [gallery id=8162 type=slimbox size="(150,150)"]
    the id is for i think the galley? but where do i find the id?
    HOPE YOU CAN HELP
    THANKS IN ADVANCE
    melanie

    http://www.bunddesign.com/wordpress/logo-design/

    • says

      Did you attach images to the post in question?

      Here is a tutorial on how to attach images to a post.

      When you edit a post, its id appears in its url address, e.g. mysite.com/wp-admin/post.php?post=10&action=edit (id = 10). If you don’t specify an id in the gallery shortcode then it defaults to using the images that are attached to the current post (i.e. the post that contains the shortcode).

  23. thund5000 says

    Hey Shiba’s I been using your plugin fo about 3 months now. but you know what???
    Sorry but I can’t stop my self in telling you this. “YOU ROCK, YOUR PLUGIN IS FREE BUT YOUR SUPPORT IS MORE THAN PREMIUM PLUGIN” keep up man God bless. Ummmhp I called you man but your profile is woman ?????? are you a man or woman?? 😛

  24. says

    Hi! First, a big THANKS for creating Shiba Gallery and the Media Library plugin. It’s exactly what I’ve been looking for.

    I’m using the gallery in “native” mode (for various reasons that are out of my control). Would it be possible to add a configuration switch to turn the additional (text) link to the image in the caption that appears under the thumbnails on and off, or can you provide me with instructions on how I can do that myself?

    An example: http://www.alex-kunz.com/dandelion-study/ – I’d like the thumbnails to be clickable, but no additional text link in the Image title.

    Thanks a lot
    Alexander.

      • says

        I should have mentioned that I already tried that. :) Unfortunately, that removes the link from both the caption AND the image thumbnail (where I want it, so that thickbox opens). Thanks for looking…

        • says

          Ah ok.

          You can hook into shiba_get_attachment_url. Something like this –

          add_filter('shiba_get_attachment_url', 'my_own_link', 10, 2);
          
          function my_own_link($url, $id) {
                  return wp_get_attachment_url($id);
          }
          

          The source function is called get_attachment_url in shiba-gallery-helper.php.

          • says

            Oh. Well, I’m not a programmer, I don’t know how to hook into things (code-wise). But with a different theme I was able to solve some of my problems (weird, but what do I know). Thanks for your help anyway!

            Oh and, if you’d have a look at the “prettyphoto” lightbox script that would be cool. :)

  25. Jacky says

    Hi,

    the Plugin and all its variations are really wonderful. I’d like to use the Noobslide with a lightbox effect, i.e. clicking on the large picture will call up the lightbox. Any chance?
    Best regards
    Jacky

  26. says

    Hi again mate. I’ve setup the plugin for my blog and looks great! I need one more thing however. I want to have a link on every gallery “see original post” which will be a link to the post to which the images are attached to. As I see there are two possibilities for this (please feel correct me):

    1. Edit the shiba-native.php and add what?

    2. Add new meta box custom field in the Gallery post types where I would be able to enter the link manually of the original post I like to show in that certain gallery.

    Which case would be better for the job and how would I accomplish that?

    • says

      It depends on where you want to add the link. The easiest way is probably to hook into post_gallery or img_caption_shortcode and add the link right into the html output.

      • says

        I’m sorry but my php skills are not so good. Could you elaborate a bit more?
        Let me explain a bit more. My intended scenario is the following:

        Regular posts mixed with text and pictures. There would be a few sets of three thumbnail images throughout the text and the links of these thumbnail sets would take the user to a seperate gallery page where all of the images of that particular posts are grouped and showed into one big gallery. Much like the galleries on engadget.com. Well those specific gallery which contain all of the images of a specific post should have a link which takes the user back to the original post where the images are reviewed or so. I hope you understand what I’m aiming for.

        Engadget is probably the perfect example. It has review posts where a particular product is reviewed and the review is accompanied with images. When a use clicks on an image it takes him to a seperate gallery page which includes all of the images of the post which took you there. Hence the link back from gallery to the post.

  27. Kenny says

    Hi again. Managed to get earlier issues fixed but have 2 questions now.

    1. Which JS should I look into if I have problem using Shiba Gallery with Fancybox? I am using a theme which currently uses Fancybox for some image animations – when I have thumbnails in galleries the image will open but there is no “next” button.
    2. How can I disable titles of images from showing when the page is trying to load Tiny gallery?

    Thanks again!

    • says

      1. If you are using Tiny slideshow then js file is in shiba-gallery/tinyss/script2.js
      2. I haven’t looked at this in particular, so I can’t say for sure. I would look at using js to change the css visbility, or try asking the TinySS developer.

  28. Tomas says

    This is super!!! Many thanks, just a question…
    Can you set the default size in functions aswell?
    Maybe something like:

    define(‘SHIBA_GALLERY_DEFAULT’, ‘popeye’,’500,300′);

    (sorry for commenting twice but this posts seems more up2date)

    • says

      For now you can reset the default size by going into shiba-gallery.php and changing line 486 –
      ‘size’ => ‘medium’,

      I will add a defaults filter and possibly add it into the interface when I update the plugin.

  29. Anonymous says

    Hi

    Very nice plugin – one of the best. I’ve got 2 questions:
    1: Can I change the background color from grey to black for the Tiny option? Can’t seem to find which CSS to do the trick.
    2: Somehow this plugin seem to load images a bit slower, or its just my server at fault. Anyway to have a “loading” animation while images are loaded?

    • says

      The background color will be dependent on which frame you are using. You can modify frame css in shiba-gallery-frames.css (compressed) or it may be easier to look in shiba-gallery-frames-dev.css (uncompressed).

      As for speed, you can run time benchmarking software to identify what is taking the most time. Make sure you are using compressed images that are saved specifically for the web. Using a wordpress caching plugin can also help.

      • Kenny says

        I’m using the Tiny option. I would like to change the background color of the thumbnails (in the carousel) and also in the image’s background (when some images are smaller the background shows).

  30. Fran says

    Love! Is there a way to combine the noodleslide and the slimeline so that when you click on the large image description in the noodleslide the linked image shows up in the slimeline type window?

  31. Yaw Hunu says

    i really like your plugin, Please is there a way to tweak your plugin for it to show images attached to post without inserting shortcode in post but use some single php tag in my THEME…? Thanks

    • says

      This renders the gallery using PHP-

      global $shiba_gallery;
      echo $shiba_gallery->parse_gallery_shortcode("", array('id' => "10"));
      

      Refer to the “Call Shiba Gallery Directly from PHP” section in the article above.

    • says

      Go into Settings >> Permalinks.

      You can set your gallery permalink structure from there. However, you will probably need to put in a unique slug (e.g. ‘photo’) so that it doesn’t conflict with existing permalink structures, such as your page permalink structure.

      For example you can set your permalink to
      /photo/%gallery%

      Which means the address will be site/photo/advertising-photography

  32. says

    Hi Shiba,

    Awesome plugin – thanks for the work you put into this.

    I have a question – while using the slimbox option, is it possible to size the image that the slimbox displays? Also, it is possible to show only one thumbnail for a gallery but when clicked, the slimbox allows cycling through all the images in that gallery?

    Thanks much!
    -raaj

      • Raaj says

        Hi,
        Here’s what I mean to ask and goofed up :)
        For any gallery of multiple images, is it possible to modify the code to display only one thumbnail (i.e only one image in the gallery display) but then when that thumbnail is clicked the the slimbox opens, the slimbox allows navigation through all the images in the gallery (like how the slimbox behave out of the box today).
        If you could even point me in the direction of where the thumbnails for each gallery are created in the code, so that I can find a way to display only one thumbnail, that would be awesome and much appreciated.

        Thanks much!
        -raaj

  33. Vadim says

    Hello. Please help me to configure this plugin. I poprobyval much, but it never happened = ((I have WP 3.2.1 I beg you to send e-mail here or detailed instructions on setting up.

    • says

      Hello Vadim,
      If you let me know what specifically you are having problems with, I can help to troubleshoot the situation. Otherwise, all the relevant instructions should be on this page.

  34. james says

    hi shiba,you have a very cool plugin.I was wandering whether is it possible if i want to integrate the plugin into the wordpress theme directly?

    • says

      Hello James,
      I am not sure why you would want to do that since the gallery functionality is independent of theme components. A theme can certainly take advantage of the plugin by checking if it is available and using some of its inbuilt functions. However, it seems that integrating gallery rendering into a theme would only overload the theme.

      In general, I am a big proponent of slimmer themes, so that users have greater flexibility in picking and choosing what functions they want to include or exclude through plugins.

  35. says

    Hi Shiba
    “Theme credit links are expected to go to the theme author. I don’t see how a site about dog tips, care and training falls into that category.”

    What a shame, but it’s still a great plugin.

  36. peyman says

    First of all, this is a huge plugin, thanks.
    Second is it possible that this plugin conflicts with others
    JavaScript or jquery inside the theme ??

    • says

      Conflicts are always possible.

      Nowadays I always test out all plugin updates on my test site first. In this way, I can make sure that everything is running smoothly before installing them on my main sites.

  37. says

    Hi Shiba
    Came over from the Studiopress forum where Nick the Geek recommended your plugin for creating a gallery.

    Examples look great and this site is fantastic.
    I’ll give the plugin a try.

  38. says

    Hi,
    your gallery plugin is great, exactly what i was looking for, but I have problem in using it. I did upload the plugin and did the settings in Media under Shiba Galleries in Word Press,
    now How do I get please Gallery in the Dashboard to be able to upload the photos and create the gallery, than i would like to use it on the page not on post. It is for artist portfolio page. Please help me, i am very new to web and try to create website for my business. I would appreciate your help. thank you

      • says

        Thank you very much, I just started to create the gallery, and I’ve read your tutorial. Such a great plugin and how beautifully explained. Amazing and clear work.

        Warm regards
        Alice

      • says

        Hi Shiba
        I notice that you use shortcodes that include an ID for a gallery eg. [gallery id="10" type="noobslide_galleria" ]

        Where do you find the gallery ID?

        I’ve used the method you direct us to above i.e. “attach the images to a post/page”, but I just wondered about the gallery ID.

        Just starting to play with your plugin using slimbox and it is so fast!

        Thanks for a great plugin.

        • says

          Hello Keith,
          The gallery ID is simply the post or page ID. You can use the ID attribute to display galleries from multiple different posts or pages within a single page.

          You can get the post ID by editing the post and then looking up at your address/url bar. It should have something like –
          mysite.com/post.php?post=3846&action=edit

          You can also just hover your mouse on the post titles while on the Posts screen. That will also show you the edit post URL and the post ID.

          Let me know if you run into any problems. Cheers.

          • says

            Hi Shiba
            Thanks for the info.
            I’m getting there slowly.

            Love your plugin and if it’s recommended by Studiopress… say no more.

            If I may, could I ask why your plugin is not in the WordPress repositary?
            Any reason?

          • says

            Hello Keith,
            I tried submitting a theme when I first started playing around with WordPress. One of the replies I got from wordpress.org goes as follows –

            Theme credit links are expected to go to the theme author. I don’t see how a site about dog tips, care and training falls into that category.

            After a few more exchanges, it became clear that their time and mine would be better spent in other more positive pursuits. 😀

  39. Nicole says

    Hi, I would like to use the PictureSlides “Slideshow only and autoplay” option. Is this possible? Thanks for any help.

  40. Ryan says

    Thanks for the great plugin! Quick question:

    Some of my posts with galleries also have PDF files uploaded to the post as well, and the gallery plugin is trying to display the PDF in the gallery, leaving an empty box around the “would be” thumbnail.

    My question: Is there a way to tell Shiba Gallery to ignore the PDF’s so that they don’t display at all?

    Thanks in advance for any help!

  41. Zak S says

    Hi, I was wondering if there was any way to include something like a youtube video (or similar embedded media) in a gallery?

    • ShibaShake says

      That would be a useful function, but it is currently not in the plugin yet. If you decide to add something like this, let me know.

  42. says

    I seem to remember there was a parameter for sorting photos? I want to display from newest to oldest. I can’t find that anymore so not sure if it ever existed.

    :)

  43. says

    Hi. Does anyone have PHP sample code showing how to page through results, say 10 at a time? I have a gallery that returns too many, so I capped it at 16 but can’t access the additional ones easily.

    Any advice?

    Cheers!

  44. Itay says

    Hi

    I need the noobslide gallery , but without the sliding effect. What do I have to change on that piece of code on shiba-noobslide.php?

    fxOptions: {
    duration: 1000,
    transition: “.$shiba_gallery->TRANSITION.”,
    wait: false
    },

    Thanks

    Itay

  45. says

    hi there,

    could you please direct me to the place that I can remove an empty image, which shows up at the end of the gallery? I have no idea where it came from, because I use your plugin on every site I build and it’s never happened. I managed to remove the link to the image itself, but caption remained and it looked awful. Strange thing…

    Here’s the link: http://9punkt.pl/projekt/mtblanc

    many thanks for a great plugin :)

    • ShibaShake says

      Hmmm, I didn’t see a gallery when I visited the link. My guess is that the image was deleted, but somehow the attachment object is still hanging around. You want to make sure to delete the attachment object in the Media Library menu.

  46. Hector says

    Hi. I use both Shiba Media Library and Shiba Gallery (I cannot thank you enoigh for these plugins!) on WP 3.0.5 but would like to upgrade to 3.1.1 to use drill-down taxonomies. Are your plugins compatible with 3.1.1?

    Cheers!

  47. says

    First off I must say – GREAT WORK!! WordPress needed a plugin like this, and I love that you have left it open ended so that people might include their own work into your plugin!

    I am relatively new at javascript and writing my own plugins, but not all that new at wordpress in general (i create themes from scratch often).

    I have two questions.. the first is, in your instructions you say you build your html layout.. How? I can build a layout no problem, but what variables and with what syntax do you write them in? DO you have a basic example somewhere?

    Second.. I would LOVE to see a basic tutorial on how to implement your own javascript or jquery plugin this way the choices for styles are endless because people who create their own can then put them up as a supplement to your plugin/

    My goal is to use your plugin to try and create a horizontal scrolling gallery like this one (this one is built in flash but I know it can be done in JS):

    http://www.justinhackworth.com/#imagegalleries/Weddings/Weddings/8

    Any thoughts?? If I can just get my hands in there and read a few more things about how your plugin works I can start pumping out a bunch of different styles for you. I am a designer more-so than a coder, so I can make things pretty.. the coding part i am still learning about.

    • ShibaShake says

      Hello Lindsay,
      You can create your own layout using noobslide because it is built on top of mootools and is very flexible. Here is a tutorial on how to create your own noobslide gallery within the Shiba plugin –
      http://shibashake.com/wordpress-theme/create-your-own-noobslide-gallery

      I would LOVE to see a basic tutorial on how to implement your own javascript or jquery plugin

      Do you mean you want to create your own gallery plugin? or do you want to integrate a new javascript gallery into the Shiba plugin?

      To create your own gallery plugin –
      http://shibashake.com/wordpress-theme/how-to-render-your-own-wordpress-photo-gallery

      To extend the Shiba Gallery plugin –
      http://shibashake.com/wordpress-theme/super-wordpress-gallery-plugin/comment-page-1#comment-1806

      In terms of the horizontal scrolling gallery, there are several possibilities –
      1. See if it is already implemented in javascript. There are lots and lots of javascript galleries out there, so chances are, it has already been implemented.
      2. Modify Noobslide to achieve a similar look.
      3. Find an existing open javascript gallery that looks similar and modify that.

      • says

        Thank you very much for your quick and thorough response.

        I was HOPING to actually extend the Shiba gallery if that happens to be at all possible. There are definitely existing galleries out there that ALMOST do what I want them to do. I suppose I could take a gallery that does almost what I want it to do, tweak it a little, and then upload it.

        I am going to look through the link on that comment you linked me to. I swear I read all of the comments, but apparently I didnt.. sorry for asking a question that’s already been asked – i try NOT to be that person.

        • ShibaShake says

          sorry for asking a question that’s already been asked – i try NOT to be that person.

          No problems. I should post something on extending the Shiba Gallery in the main article page and/or write a full tutorial on it. Wish I had more time.

          Let me know if you have more questions. I try to answer a few while puppy is sleeping. 😀

          Also if you have styling/design suggestions on the existing galleries, please let me know.

          • says

            Congrats on the new puppy ( love puppies). If i get this plugin extended I would be happy to document how and send it to you to post if I get to writing it before you do.

            As far as styling suggestions – I have quite a few minor CSS changes for some of the sliders (specifically the ones that have content in them as well as images). I can work out some alternative style sheets for them if you would like.

            Design is my strong suit, which is why I get stuck on the more difficult coding (i can hack together a WP template quickly though)

      • says

        Ok.. so I have spent MOST of tonight first trying to make my own using my own javascript, then trying to just follow your instructions for customizing a noobslide gallery and neither are working. Unfortunately I can not follow your instructions – they are very VERY confusing.

        It seems that I was able to get the shortcode to read and accept the “tobi” type but it was always defaulting to showing it with the play/pause buttons and number the numbers like the code should have told it to display.

        I even trying sticking some plain text somewhere within the closeSTR to see if it would atleast echo that, but nothing.. I think its because in your instructions you say to copy this and then rename everything… but where do you put it? You have a bunch of case statements but your new type isn’t a switch – its a new function..

  48. Hendrik says

    Hey :)

    just found your plugin on another site I visited. I have not know it before so we did not consider it in our slideshow reviews series.

    If you are interested you could publish a review about your plugin on my site. Here the link to the other wp gallery plugins.

    Looking forward to hear from you

    Hendrik

    • ShibaShake says

      Hmmm, that is strange. Slimbox works for me on IE8. Can you view the slimbox gallery on this page using IE8?

      What do you get when you use slimbox on your site? Does the popup not come up?

  49. Andy C says

    How do I change the authorship of the gallery pages once made? I’ve made everything under an admin role account and it needs to shift to the author but that edit function doesn’t seem to be enabled.

    • ShibaShake says

      I will add this in the next release. In the meantime, look in shiba-mlib-permalink.php line 55.
      ‘supports’ => array(‘title’,’thumbnail’,’comments’)
      add ‘author’ to the list so that it looks like this
      ‘supports’ => array(‘title’,’thumbnail’,’comments’, ‘author’)

  50. says

    I am love your plugins! I am trying Shiba Gallery on a client site and I I don’t know what I did, but now my slideshow doesn’t “slide” on the home page sidebar. They slide when they are on a page sidebar but not the home one.

    http://woodfurnituremaryland.com

    Can you help me figure this out?

    • ShibaShake says

      It may be easiest to first simplify things by turning off all plugins and just leaving Shiba Gallery. Does the problem still persist? If not, then try turning on the other plugins one by one and this will narrow down which plugin is conflicting with the gallery.

      Otherwise, it could be a theme issue so try switching to 2010 and see if the problem persists.

      • says

        Thanks. I turned off all plugins, problem persisted.

        I changed from the gallery choice to Tiny and it worked. So not sure what happened exactly but glad it is working. I really do appreciate your plugins. It is so fun to see how much YOU use them and believe in them. Makes me want to use them too.

        Thanks for the quick response, as well. I don’t know how you find time to do everything!

        • ShibaShake says

          Glad it worked out Mindy. My guess is that there is some conflict with noobslide – which is the default gallery.

          I don’t know how you find time to do everything!

          Haha, actually I am pretty busy with my new puppy so I won’t have time to do any programming until puppy grows up some. 😀

  51. says

    Hello,

    I have really enjoyed using your gallery plug in. It helps to keep gallery content interesting and having one plug in provides access to several gallery styles which is very unique.

    I am going to Photoshop World in two weeks as an official PSW blogger. I’d like to add to my site on single posts the content gallery: ‘Related Articles’, based on your plugin and the YaRPP plugin…..much like you have on your posts !!

    But I don’t know how to do this in php. I know the short code [gallery type="noobslide_nativex" numberposts="3" related="1" size="(150,100)" ], but I don’t know how to convert this html code to PHP and then I don’t know which template (single-post.php(?) or where and how to call the PHP code. I’ve tried several things on my own, accessing the various posts on your site, but I can’t figure it out.

    Can you provide some pointers to help me out, I’d really appreciate it….

    Thanks in advance !!

      • says

        Thx Shibashake,

        After a few hours last night, I was able to figure it out, using the parse_gallery_shortcode and some other info on the your site and info over at wordpress codex. You made me work a bit, but I enjoyed trying to figure it out array auguments… It looks like my question was asked before, you were polite to continue to provide instructions and not blow my request off……… I’ve wanted to do this since I first discovered your site a month or so ago. I agree that ‘gallery content’ can complement and can visually improve website and it is now much improved over providing just the Yarrp links. Very clever of you to use Yarpp in your plugin. My next plan is to figure out how to acknowledge your plugins and programming in my site footer. Thanks A million.
        fritzimages.com

        • ShibaShake says

          Hello Ed,
          Very glad to hear that everything is working.

          I enjoyed trying to figure it out array auguments…

          Yeah I really enjoy figuring out all the little puzzles within WordPress. That is one of the things that makes it such a fun and interesting system. Plus it keeps getting updated and expanded so there are always new puzzles to figure out. 😀

  52. Isi says

    Hello,
    first of all: your work is amazing and I love to use the shiba gallery on my blog. But is there any chance to intregate the flickr API in the gallery plugin and select a certain album for every post?
    Do you maybe have plans in this way already? Thank you in advance for your reply!

    • ShibaShake says

      Hello Isi,
      I don’t really use Flickr all that much myself so I haven’t really looked at their API. It will certainly be a useful feature so I will add it onto my to-do list. However, I just got a Sibe puppy recently, which has cut my programming time to about 0. 😀

      It will be a while before I get the time to look at the API.

  53. says

    Hello,

    I installed the Shiba gallery plugin but i don’t get how it works :(

    I created a simple gallery in one of my posts and then ? Nothing happens… I guess it is kind of a newbie question but could you help me ?

    Thank you

    Harry

  54. says

    Hi, I’m having some trouble getting this plugin to work correctly. The images show up just fine, but none of the buttons work (the “prev” or “next” or any of the numbers below the images) when setup for noobslide.

    An example of the setup is here: http://www.bergwithfries.com/?page_id=1653

    I’ve tried changing the theme to the starter theme, making sure mootools is included in the head and getting rid of jquery that could be interfering, without luck.

    Any suggestions you could offer would help.

    Thanks.

    • ShibaShake says

      For some reason the javascript for the noobslide galleries (not noobslide.js but the actual javascript function calls to initialize each noobslide gallery) did not get included in the footer.

      If you have a test site, I can take a look at it and debug it on site. During debugging I may need to change plugin code, change blog settings, etc., therefore it is only appropriate on a test site. I will need a temporary account with admin privileges. You can send account information to –
      http://hubpages.com/_srec/email/user/shibashake

    • ShibaShake says

      Ok – it seems to be a weird environment bug. I have fixed it for now. You can test things out on your test site to make sure everything is working as you want it.

      Then, just download a new zip, Patch 3.5.2. Let me know how it goes.

  55. says

    I’ve got one last question and then I’ll be on my merry way with a satisfied client.

    I can’t figure out how the vertical-align works for the noobslide gallery. It seems to be cutting off the bottom of some images when it can clearly fill the white space above.

    Case in point…

    Gallery – http://ecodivastv.com/images/ishot-24.jpg
    Actual Image – http://ecodivastv.com/wp/wp-content/uploads/2011/01/EcoDivas%E2%84%A2-official-Launch-Party-guests.jpg

    Is there a way to force the vertical-align to the top so that there is no white space above, or middle so an equal amount of white space is above and below when the image’s height is not enough?

    Thanks! You’re awesome for helping out.

  56. says

    Hello again,

    I’ve got a few galleries that aren’t working properly – they only show one image and no title, though a title is in place for every image. These galleries were also showing all images before I installed the plugin. Here’s a couple examples…

    http://ecodivastv.com/wp/2011/01/sundance-by-day-green-suite-hopping-and-all-sorts-of-fabulous-finds-2/ (37 images)
    http://ecodivastv.com/wp/2011/01/sundance-by-night-so-many-parties-and-such-good-organic-food/(41 images)

    These galleries are all using the same [gallery size="(637,680] shortcode. Any idea what’s going on?

    Thanks.

  57. says

    Hey,

    Great work!

    I have some trouble getting it to work on one server though.
    I tested the plugin on localhost and a test server. It worked great on both!
    Then I uploaded the site to another server and I can’t get it to work on this one.
    Since this is just javascript, it should not depend on the server, right?

    I also messed around with file permissions but it didn’t help either…

    Any ideas what could cause the problem?

    • ShibaShake says

      Likely a plugin conflict. Try doing this –
      1. Edit shiba-gallery.php
      2. Go to line 124 or do a search for ‘fix_chrome_bug’
      3. Comment out the line. E.g.
      // add_action( ‘wp_head’, array(&$this, ‘fix_chrome_bug’), 1);

      • says

        Thanks for your reply.

        Unfortunately that did not fix the problem.

        I tried deactivating all other plugins too…

        Is there any (other) interaction with the server in the script or some kind of server dependency??

        • ShibaShake says

          What gallery type are you using? and what theme are you using?

          It could be a conflict between the theme and the gallery javascript. Try using 2010 with no other plugins activated. Also test out different gallery types, e.g. pslides and tiny.

          My guess is that it is a conflict with mootools, which means that only the noobslide gallery will be affected.

  58. says

    Greetings,

    Great plugin. Was interested to know how I can increase the size of basically everything when using the noobslide_5 shortcode as the default.

    http://ecodivastv.com/wp/2011/01/eco-makeover-feature-upcyled-couture/

    I’d like the frame to be 100% of the containing div, thereby also increasing the text size to be more readable. I’m sure I can figure this part out through custom CSS, but the frame I’m having a hard time with.

    Any advice you can give is greatly appreciated.

    • says

      Hello again,

      I have a couple more customizing questions if that is okay. I’m not too good with js so this is all a bit of a jumble for me.

      Once the frame is larger and taking up more space inside the containing div, the result should be the images having more whitespace around them and thereby having the caption not interfere at the bottom. If not, I’d like to move the caption to its own div below the images, yet still inside the frame.

      Also, I’d like to move the “view full image” below the title. I found the line, but cannot order the syntax properly.
      new Element('h2').set('html','<a href="'+currentItem.link+'" rel="nofollow">view full image'+currentItem.title).inject(info$shiba_gallery->nsNum);

      Thanks again, hope you can help!

      • ShibaShake says

        Just transpose currentItem.title and the view full image link. For example

        new Element('h4').set('html',currentItem.title+'
        <a href="'+currentItem.link+'" rel="nofollow">view full image
        ').inject(info$shiba_gallery->nsNum);
        • says

          My client decided to keep the link up top so we’ll leave it as-is. I do have one more question, however.

          I’ve added the rel="shadowbox" function to the “view image” link, but it only seems to work on the first image within the gallery. All others simply open the image in the browser window.

          I’ve adjusted lines 169 and 211 of shiba-noobslide.php to the following:

          new Element('h2').set('html','<a href="'+currentItem.link+'" rel="nofollow">view full image'+currentItem.title).inject(info$shiba_gallery->nsNum);

          Can you explain how I can get this function to apply to all images of the gallery?

          The site in question can be seen here:
          http://ecodivastv.com/wp/2011/01/eco-makeover-feature-upcyled-couture/

          Thanks!

    • ShibaShake says

      You can add “size” into the gallery shortcode but currently that has to be specified in pixels only. For example –
      [gallery size="(470,538)"]

      I will add sizing by percentages into my to-do list.

  59. Vonz says

    Hi awesome work! I am able to get the image to link to the attachment using the native gallery, but not the text under it. I can’t seem to find where in the files it is making this link. Is there a way to have it so everything links to the attachment vs the image? Thanks! Here is the code I am using [gallery type=native size="size(100,100)" caption="permanent" link="permanent" columns="5"]

    • ShibaShake says

      This is my bad. I didn’t use the “link” shortcode argument while creating the caption titles. I will work on fixing that.

      Thanks for reporting this Vonz.

  60. kat says

    no no, unfortunately this is not the case. You can see what I mean here very well: httpAlso, here is just the code I used to integrate new noobslide galleries into the Shiba plugin. It may be easier to understand than the tutorial.
    http://www.parampara.pl/imp/uzbrojenie/. The code used here is [ gallery tag=”broń” columns=5 caption=”title” ]. Thing is that instead of displaying each picture’s title, the gallery (it’s the ‘native’ i’m using here) shows the page’s title, not the picture’s. Caption shows a proper thing (the titles are Kirpan for example, directing to custom page). The problem is with getting image’s title properly in the gallery. Please go to above link so you can see it clearly… Instead of “post_title” I would like to set the image’s title to imageTitle. How to do that?

    • ShibaShake says

      I just visited the page you indicated and the gallery seems to be using the Lightbox plugin (not Shiba Gallery) and there are no captions on the images.

      Maybe I am missing something?

  61. says

    Hi there,
    is there any way to show image titles and descriptions under each thumbnail in gallery, when it’s slimbox type? They just don’t show up, even when caption type is set to title. I would like to make thumbnails linked to slimbox (click on thumbnail = view big size in slimbox), but titles would have a link to attachment page. I’ve made it before with normal wp-gallery, but your galleries are so much better than the default one that I would love to stay with your plugin. Please take a look here: http://www.parampara.pl/imp/zbiory-parampara/indie/, I would like titles to link to each image’s page, which is e.g. http://www.parampara.pl/imp/zbiory-parampara/indie/kirpan/. It must be fairly easy, could you please help me out?

    • says

      Solved. To do that you need to set captions to titles and go to media library, where in each medium title you need to put in a ‘href’ link to wherever you want it to go. Looks weird in media library, but works perfect – http://www.parampara.pl/imp/zbiory-parampara/indie/ .

      The only thing I still can’t work out is how to change alt text of gallery. It automatically takes the gallery’s page title as alt text for all images in a gallery. The alt text/page title also appears in slimbox as image title. Do you have any ideas how to change it?

      • ShibaShake says

        Hello Kat,

        Since you set the caption to title, that is what it shows up as in slimbox. If you set it to description, then it will show both titles and description of the image.

        If you want to create your own caption, then check out the shiba-slimbox.php file. This is where the slimbox gallery gets rendered. Line 31 is where the caption gets set. Lines 44 – 49 are where the images get rendered in slimbox HTML code.

        • kat says

          Hi :)
          Thanks for an express reply :)
          Well as far as I can see the issue goes like this: if I use a native gallery (forget slimbox), the title of images show attachment’s parent page title or title of the page that tag gallery’s on. When I disable the plugin, default gallery shows titles of respective images, each different. When I switch the plugin on again, the title is set to the same title for all images. Please, help – I really love this plugin! But I really need each picture’s own title :( There must be some solution…

          • ShibaShake says

            If I understand you correctly, you are trying to create a gallery of ‘pages’ but have the page image be represented in the gallery. Is that right?

            To do this, you want to include pages in the gallery instead of attachments. For example –
            [gallery type="slimbox" caption="title" tag="indie" post_type="page"]

            Then attach the ‘indie’ tag to all pages you want included and set the ‘featured image’ for the page by using the Featured image box in Edit Page.

            This will show the featured images in the gallery, and the title will be the title of the page and the description will be the excerpt of the page. I can probably create an example for you on your site if you give me a temporary account with admin privileges.

            http://hubpages.com/_srec/email/user/shibashake

  62. manu says

    thks for your great work

    your fix_chrome_bug :

    delete Function.prototype.bind;

    seem been conflict with mootools (accordionmenu.js) error ” bind is not a function”

    is just for information.

  63. says

    Hi
    Your plugin looks great – I’m wondering if it can solve a problem I have?

    If I have a carousel of 20 images, and scroll through to say image 15, and then click the image title to see a detail page or the image full size, when I click the back button I want it to remember that I was on image 15, rather than “forget” and show me image 1 again!

    Is this a feature? would it use a cookie to remember?

    Thank you
    Christopher

    • ShibaShake says

      Yeah I have seen this done before by using the bookmark feature in URLs. For this to work though, the javascript galleries must support it, i.e. you would need to extend the current tinyslideshow gallery, or find another javascript gallery that already does this.

  64. Shelly says

    I was wondering how the captioning was coming along? I’m using this gallery for a client of mine, and they’ve just requested captioning capabilities for the Lytebox gallery. before I start rolling up my sleeves and coding, I just wanted to check and see if this had been done yet.

    if not, and I finish it on my own, would you want the code?

  65. says

    Hi,

    This is a great plugin. I am trying to integrate the plugin into a site that is using wp-cycle on the front page for image rotation. the client has request a look similar to noobslide6.

    The current code looks as follows:

    What are the correct code changes to make this work?

    Thanks,

    SB

  66. says

    Hi Shiba –

    Thanks, I was able to speed up the light show no problem. Is there a way to lose the black border around the slideshow? I’d like to give the appearance that the images are floating against a white background. The arrows are fine. Just want to lose the border. Thanks! Sheryl

    • ShibaShake says

      Is there a way to lose the black border around the slideshow?

      The CSS class you want to style is .ts_fullsize. You should be able to remove the border by doing something like this –

      .ts_fullsize {padding:0; border:none; background:none;}
      
        • says

          Well, I tried changing it in both the shiba-gallery/tinyslideshow/style-dev.css file and the shiba-gallery/tinyslideshow/style.css file (one at a time and then together) and didn’t get the desired effect. I’ve left the code in place for you to see what happened. The Information bar moved to the center of the image and the arrow moved off the page. Not quite sure what else to try. Thanks.

          • ShibaShake says

            In general you do not want to change the css files within plugins because you will lose your changes whenever there are any plugin updates.

            I usually put any css style overrides in my child-theme.
            http://shibashake.com/wordpress-theme/customize-your-wordpress-blog-with-child-themes

            If it is a style that I only want for a single page I will put the style in the page itself.

            I tested the styles on my test blog and it seems to work. The only thing is I had to clear left and right alignments. Likely, you may need to play around some with the div and div alignments that are special to your theme and your page.

  67. says

    Hi Shiba – I’d also like to include cropped versions of my images for thumbnails in the Tiny Slideshow, but they’re not showing up. Anything I can do to make that happen? Thanks!

    • ShibaShake says

      The plugin automatically generates thumbnails from the thumbnail size images in your media library. One way to make it use your thumbnails, is to replace the thumbnail images in the wp-content/uploads directory with the thumbnails of your choosing.

      I don’t know of an easy way to do this though, except to replace the proper files with your thumbnail files, using exactly the same file name. I would not recommend doing this unless you really understand the wp-content/uploads directory and how WP stores image files.

  68. says

    Well I am still playing and tweaking things. After a bunch of teaks I was asked to turn off the information. Which was simple, but because you use the h3 as the link it lost the link. So I have tried a couple of thing with out a lot of success. On our ecommerce site (native tinyslideshow) I used the link image and set it’s opacity to .01 and made its width the image size – the left and right arrows (I shrunk those to 10% each) This worked well. But your plug in does not use that image link as far as I can tell. Do you have a suggestion on how to make the full size image have a link. (I also am going to use the alternate text or caption as the link so I can use the image to load a different page)

    • ShibaShake says

      So you want to remove the information bar at the bottom but have the linkhover ability?

      You can try turning the linkhover functionality back on. I think I turned it off originally because it was causing some browser issues. However, there are fixes for it in the tinyslideshow comments area –
      http://www.leigeber.com/2008/12/javascript-slideshow/

      I will also look into linkhover again on my next update.

      • says

        Thank you for your reply and your plug-in. I was able to tweak it to have a link on the image and use the image caption to contain the URL to link to. We are hoping to go live with the updated site in a few weeks and your plug-in has made it possible to have our e commerce site and our WP sites be consistent in the way the sideshows works.

        FYI: you were correct that the hoverlink caused issues with a couple of browsers, but by playing with z-index and position:absolute vs position:relative I was able to resolve the issues at least for how we are using it. I don’t believe that my solution would work in general because it requires the sideshow to be in a specific location on the page.

  69. Erik says

    Hi. Thanks for these awesome plugins (WordPress Media Library Plugin and WordPress Gallery Plugin)! They are just what I was looking for.
    I was wondering if you have any documentation that might explain how we could extend the gallery plugin so that we use any javascript gallery that we choose? I would like to see if I could use the following 2 jQuery galleries:
    http://spaceforaname.com/galleryview
    http://spaceforaname.com/gallery-customized.html
    http://css-tricks.com/anythingslider-jquery-plugin/
    I am comfortable with html/css/javascript and PHP but I am somewhat new to WordPress.

    Is it possible to make the noobslide gallery look like the above examples at all? Possibly by just customizing the CSS used?

    Thanks,
    Erik

    • ShibaShake says

      Is it possible to make the noobslide gallery look like the above examples at all? Possibly by just customizing the CSS used?

      I do have a tutorial on how to customize noobslide within the plugin.

      The first gallery reminds me of the tiny slideshow gallery and you can probably make something similar to the second with noobslide. However, it will include some amount of PHP and CSS coding. If you already like the way the galleries look, it is probably easier to just include the galleries as separate types rather than try to rebuild them using noobslide.

      I haven’t yet written a more general tutorial on how to add new gallery types. If you are familiar with PHP you should be able to add new galleries without too much effort. The easiest would be to:

      • Go into the shiba-gallery.php file.
      • Go to the end of the file and scroll up a bit, there should be a switch statement with all the gallery types. Add a new type there with the same structure as all the other types.
      • Copy an existing gallery type file, e.g. shiba-tinyss.php and put in your own code where appropriate. Each gallery generally consists of open, close, and render functions.
        • Open opens up the gallery div and does whatever javascript initialization that is necessary.
        • Close closes up the gallery and does whatever clean-up that is necessary.
        • Render renders each image in the gallery in the format required by the javascript gallery.
      • Finally look for the init function in shiba-gallery.php. And add your jquery library styles and scripts there.

      On my to-do list for the plugin is to add some WordPress hooks so that you can more easily plug in new gallery libraries but I may not get to it for a while because I am currently working on updating my theme.

      • Erik says

        Thanks, I will give this a shot. If I get it working would you like me to send you the updates so that maybe you can include them?

        Thanks again,
        Erik

        • ShibaShake says

          Absolutely. That is a great idea.

          Do the javascript galleries have a free distribution license for commercial and non-commercial sites?

          • Erik says

            Yes, they are MIT licensed same as jQuery. See: http://spaceforaname.com/js/jquery-galleryview-1.1/LICENSE.txt.
            I have not had the time to add these customizations yet though.

            I noticed that your plugin loads all its CSS and javascript files on every page/post even if the [gallery] shortcode is never used. This could cause some slower page load times because the browser has to download each of these files even if they won’t be used. I found a good article on how to conditionally load javascript and CSS files:
            http://scribu.net/wordpress/optimal-script-loading.html
            What do you think?

          • ShibaShake says

            Thanks Erik. That is an interesting article. I have done the same things on my sites using tags. But it is difficult to do it automatically on a plugin because it requires the user to specify which posts/pages should load the libraries.

            I do try to load libraries selectively depending on which shortcode types I see, but the CSS has to be loaded at the beginning which makes it difficult to load selectively because I haven’t gone through the shortcodes yet. I could go through the post_content, but that could place even more load than the time taken to load the css.

          • Erik says

            Shiba,

            I’m back to integrating your gallery into a WP site that I finally have a little more time to work on. I will have some contributions that I would like to send back to you once I am done.
            I do have a question though… is there a way to order the images that are contained within a gallery? Maybe I’m blind but I don’t see a way to order them.

            Thanks,
            Erik

          • ShibaShake says

            Hey Erik,

            Good to see you.

            is there a way to order the images that are contained within a gallery?

            Yeah this is on my to-do list but I haven’t gotten to it yet. It would certainly be a very useful feature to have.

  70. says

    I am working to include your plugin and use the tiny option. One of the reasons that I chose your plugin was that it use the tiny slide show which we had included in our shopping site. Your plugin was simple to implement, but I do not have the same level of control, or I do not know how to control the thumbnail display. I would like to turn it off. I have looked at the php (which I am not an expert at) and commented out the chunk of code that writes the div tags that display the thumbs. They do not display but the slides do not show. In the standard version I had to comment out this code and set the tiny.thumbs = “”, but of course your php does not have the tiny.thumbs=”slider”. Is there a way to turn off the thumbs?

    • ShibaShake says

      The tiny.thumbs=”slider” code is in the shiba-gallery.php file line 315. In particular, look for –

      slideshow[i].thumbs="ts_slider"+i;
      

      and comment that out.

      This turns the thumbs off but the slider images still show. The easiest way to turn those off is to do –

      <style>
      .ts_thumbnails { display:none;}
      </style>
      

      You can also go into shiba-tinyss.php and comment out the whole ts_thumbnails div (lines 39-46).

  71. ShibaShake says

    Hey Tobi,
    Let me know if you run into any issues.

    In terms of donation – links are always very appreciated. Good luck on your project.

    • tobi says

      hi shibashake,

      just saw the tutorial – i think this is great and will saving my life :-) i will try it today!

      is there a way to make a donation via paypal?

      thanks a lot for your help!!

      best wishes
      tobi

  72. ShibaShake says

    Hey Tobi,

    The best way to do what you want is to specify your own noobslide gallery. I am adding in filters to the plugin so that you can do this. Will write a tutorial on how to hook to the filters and move components around.

    Once I am done, I will post the tutorial link here.

  73. tobi says

    hey, one question again:
    i am using the [gallery type="noobslide_slideviewer" id="XY"]. now i want to show the info_overlay with title and description (wich i want to add in the backend media for each picture of the gallery). i only get the title with an image link but not the desription… i do not know why…

    at the end i am trying to have something like this:
    1. image with slider (top)
    2. thumbnails (middle)
    3. title and description (bottom – this should slide too according to the top images)

    i hope you understand what i mean… :-)

    best wishes
    tobi

    • tobi says

      hey again,

      by know it would be enough, if i could set the noobslide_numthumb to the top of the gallery (above the images).i did not get sorry :-(

      any help would be great! thanks
      tobi

  74. tobi says

    hi, first of all: a great plugin! excellent work!

    is it possible to combine your plugin with the nextgen gallery?

    the thing is, i want to have something like a gallery management (easy to handle). for example i create a gallery with nextgen and upload images into it – then i get an id (i.e 2) from nextgen. now i would like to write this in my code/post/entry/page: [gallery type="noobslide_slideviewer" id="2"] – but i don´t get it work. if this would be possible i could put several galleries into one post/page an it would be very easy to change/delete pictures of the gallery within the nextgen plugin…

    is it possible to realise that with your plugin?

    thanks a lot
    tobi

Leave a Reply

Your email address will not be published.