rook

Hi Jan

Yeah it does work with large images normally(well it has in the past), I’m using prettyPhoto media.

Ah yeah I worked out how to change the rel myself I meant for someone who doesn’t understand code, cause there is no plugin to perform this that ive found out there(although I now have yours).

Would it be possible to stop it functioning on mobile devices?

Wow thanks Jan

That’s a great approach, it worked initially, but I then deleted all the images off my site and re uploaded bigger versions, now for some reason only some of the images open in prettyPhoto and the rest don’t. I know its a tall order, but can you think of any reason this might happen?

thanks loads for the plugin though, its great. You should adjust it so that anyone can easily change what rel is added to the gallery, for other lightboxes and situations.

thank you so much

All the best

Harry

Ah yeah valid point Jan, hadn’t thought of that. Still haven’t got my head around filters. I look forward to hearing how you get on.

Cheers

All the best

Rook

Hi Jageo It is possible but in the end I went with a different plugin called prettyPhoto media. Its a great plugin that makes a lightbox and then as long as your image is big enough gives an expand button in the top right. Alternatively it is possible to edit the php files of your theme to add the swinxy zoom id, but I never got this to work(need to learn more PHP). But my client was happy with prettyphoto.

Hope it goes well

All the best

Rook

Hello all

I worked it out on me own and here’s how:

click on the plugin editor in your wordpress back end, find the file titled “tiled-gallery.php” down the right handside.

on line 253 you will find this:

$output .= '<div class="tiled-gallery-item tiled-gallery-item-' . esc_attr( $size ) . '"><a href="' . esc_url( $link ) . '"><img ' . $this->generate_carousel_image_args( $image ) . ' src="' . esc_url( $img_src['url'] ) . '" width="' . esc_attr( $image->width ) . '" height="' . esc_attr( $image->height ) . '" align="left" title="' . esc_attr( $image_title ) . '" /></a>';

add this rel="prettyPhoto"

after this: <a href="' . esc_url( $link ) . '"

so that it looks like this: <a href="' . esc_url( $link ) . '" rel="prettyPhoto" >

Then bobs your uncle, you have pretty photo lightbox working with a tiled mosaic gallery.

p.s. don’t forget you need to have both plugins installed, and also remember to untick “Display images in full-size carousel slideshow.” in settings/media

Hi I downloaded it here: https://www.swinxyapps.com/pages/apps/swinxy-zoom/

Its gread plugin, seems to add an id=”swinxyzoom” to the html of a single image as its added to the editor, I just want it to do the same to gallerys and then load after lightbox has loaded.

Is it? right, in that case yes, they should be always wrapped in a h2 element then, is there an image equivalent of h2?

I just want to be able to wrap any images added to a product to be wrapped in their own div.

I have tried that, the images still sit below the featured image.

I guess if that happened, then maybe the page could get wider, or alternatively I will give my client specific image sizes to set when adding them to the product.

cheers

Hi sorry the very top one is the featured image

Yesssssssssss, you my friend are a legend. Thank you

still no joy, images still appearing massive and most of the jQuery (for the page flip in the read section) doesn’t work. Rather annoying

Do you think its that plugin? maybe I should just write the hover function in jQuery?

Hi sorry taken it off now, I am using a plugin called hover image. Its wordpress one. But the images where still massive with the plugins off…