Group images in nanogallery2 lightbox - lightbox

I plan to make a website, where one picture is shown at the beginning. After that comes text and after the text the nanogallery2 is following.
What I want to do: I want to group the images together, so that when the user opens the first image on the page that also this first image will open into the nanogallery's lightbox as first element - so that user is able to go further on through the gallery from the first image on the site.
How can I do that?
Other question: When that will not be possible - how to use a different lightbox and then to group the pictures in another way together?
Thank you!
Danny

Related

Know-how on Woocommerce product display

I'm unsure if this question is relevant on stackoverflow, but I've looked almost everywhere else.
I'm looking to create a a product display, containing 6 products, on the right hand side of a picture like this example.
I'm hoping some of you have some know-how you'd like to share with me on this.
Thanks in advance
A.P.
The easiest way to do that is add a left sidebar to your shop page, which can be typically done through your theme, and then add an image widget to that sidebar. The last thing to do is change the CSS code of your shop to make the whole page full-width and then make the sidebar 50% of the parent div.
This approach has the advantage that the sidebar is showed after the products in mobile mode (by default), so mobile visitors will first see the products.

Custom classes for imags in drupal

My basic requirement is to display one picture on a page which on clicking, displays a colorbox slideshow of all the pictures in that content type.
https://www.drupal.org/node/1026112
This is the solution I got for it. To apply display:none css for the rest of the images. For that, I need different classes for the images. I'm unable to figure out how to do so.I got a few solutions such as adding a preprocess_image function but it doesn't seem to work. Can I get some help here?
We did this in past using the "Image sets" option provided with the Lightbox2 Drupal module. We had a client request to show one image and then open a slideshow on the same page of the images associated with that content in the CMS. This module say:
If you have a set of images that you would like to group together in a
lightbox, but only wish for one of these images to be visible on your page, you
can assign the "lightbox_hide_image" class to hide the additional images. For
example:
image #1
image #2
image #3
You can create a custom node template to render the images in the required format.
Hope this will help you!

Wordpress - Image lightbox with different image when clicked

For my wordpress site, I need some images arranged in a grid and when one is clicked a specific (different) image is displayed bigger. I thought that there maybe is a lightbox/gallery plugin, where one enters the link for the small and big picture, and I can just use the link to a different image instead of to the same one, but bigger. Does anyone know a plugin that works like that? Or any other way to make that work?
You can use "WP Gallery Custom Links" plugin to set different image link by using "custom URL" option.
Simply go to a post or page and create a new gallery. You will see the custom link meta fields for individual images in a gallery.

Light Box not opening when Clicking on image (Wordpress)

I am using WordPress plugin Category Grid View Gallery But when I am clicking on any image, it is opening but image is not displayed.
Can anyone tell me where is the problem ?
The problem is you're using id attribute 2 times.
Try below code, make changes with your needs
[cgview id=9 num=33 size=320x320 quality=85 lightbox=0]
Attribute of lightbox=0 is for those who want to get the image instead of the post. If you don't want remove this.

WordPress widget to display more than one images in a frame or div

Is there any word-press widget/plugin available which can switch images in a div or a frame automatically with a time interval. ?
My requirement is to have a div or a frame which can display images one at a time and move to the next image after a time interval automatically.
One of the similar example is the "Top News Section" in bbc website.(www.bbc.co.uk).
If there is no plugin from word-press, let me know whether this can be achieved by java-script or i need to use some flash plugin for that?
If you need a plugin than please have a look here.
http://5wpthemes.com/we-recommend/
Also from your wordpress dasboard, go to Plugins - Add New and search for desired plugin.

Resources