Changing pictures in News item with grey Box Gallery

[speckytecky]

How does the Picture aspect of the News Item with Grey box gallery work in the Edugeek Joomla package.

I can work out - I think how to get my images there but can't figure out what architecture kicks in to change the view from thumbnails to the slide show.

[mossj]

Not sure what you mean but the graybox is based on javascript, when you click the thumbnail an onClick event is called.

When you click the thumbnail it opens all pictures/links with the same rel attribute into the slideshow (can include google maps and other websites).

Aspect ratio doesn't matter (I beleive).

[speckytecky]

Thanks for that mossj,

So how do I get it to run my pictures instead of the sunset, lillies and mountain scene that are currently on offer?

Not sure what you mean but the graybox is based on javascript, when you click the thumbnail an onClick event is called.

When you click the thumbnail it opens all pictures/links with the same rel attribute into the slideshow (can include google maps and other websites).

Aspect ratio doesn't matter (I beleive).

[rush_tech]

The easiest way, right click one of the images and look at the properties to see where its saved, then just replace the pictures in that folder with yours

[stevehill06]

Geoff,

Looking at the HTML on my Demo Site of the EduGeek Joomla, the pictures are stored in images/stories/gallery
In there you have 1.jpg and 1_thumb.jpg; 2.jpg and 2_thumb.jpg; and 3.jpg and 3_thumb.jpg.

If you add the images to the Gallery folder and make a thumbnail of them, you could be able to change the HTML code to the file names that you have used. Looking at the thumbnails, they are 160x85.

Hope that helps,

Steve

Thanks for that mossj,

So how do I get it to run my pictures instead of the sunset, lillies and mountain scene that are currently on offer?

[mossj]

This is the HTML I use to start up a slideshow about the deli, all it is is a clickable link. However I could put thumbnail images inbetween the link tags.

<a href="http://www.edugeek.net/forums/images/deliSlideshow/deli002.jpg" title="Delic!ous Store" rel="gb_imageset[deli]"></a>
<a href="deli003.jpg" title="Delic!ous Store" rel="gb_imageset[deli]"></a>
<a href="deli004.jpg" title="Delic!ous Store" rel="gb_imageset[deli]"></a>
<a href="deli005.jpg" title="Delic!ous Store" rel="gb_imageset[deli]"></a>
<a href="deli006.jpg" title="Delic!ous Store" rel="gb_imageset[deli]"></a>
<a href="deli007.jpg" title="Delic!ous Store" rel="gb_imageset[deli]"></a>
<a href="deli008.jpg" title="Delic!ous Store" rel="gb_imageset[deli]"></a>

If you open up the article with the thumbnails in you should be able to spot code like this and modify accordingly.

Here is the greybox website to explain the greybox slideshow - Orangoo Labs - GreyBox

If I wanted to put thumbnails in there I would put the images in first and then do the links using the HTML button to produce

 <a href="PATHTOBIGIMAGE1" title="WHATEVERYOUWANT" rel="gb_imageset[UNIQUECODEFORIMAGESINTHESLIDESHOW]"> 
<img src="PATHTOTHUMBNAIL1" title="WHATEVERYOUWANT" alt="DESCRIPTION"/> 
</a>

<a href="PATHTOBIGIMAGE2" title="WHATEVERYOUWANT" rel="gb_imageset[UNIQUECODEFORIMAGESINTHESLIDESHOW]"> 
<img src="PATHTOTHUMBNAIL2" title="WHATEVERYOUWANT" alt="DESCRIPTION"/> 
</a>

<a href="PATHTOBIGIMAGE3" title="WHATEVERYOUWANT" rel="gb_imageset[UNIQUECODEFORIMAGESINTHESLIDESHOW]"> 
<img src="PATHTOTHUMBNAIL3" title="WHATEVERYOUWANT" alt="DESCRIPTION"/> 
</a>

As I said open up the article and look at the html there may be a specific class to add, to get the fanci borders around them.

[speckytecky]

Thanks for all these really helpful answers folks - greatly appreciated.

[speckytecky]

Leading on from my last question I can see now that I'm going to have to open the bonnet and tinker a bit with code Which editor do most folk here use / recommend?

[rush_tech]

I don't use the edugeek template but is it not a plugin that takes care of the pictures??

[stevehill06]

There is an HTML editor in Joomla that can be used to edit the code. Just click the HTML button on the toolbar when you are editting a page with the Grey Box Gallery in it

Steve

Leading on from my last question I can see now that I'm going to have to open the bonnet and tinker a bit with code Which editor do most folk here use / recommend?

[speckytecky]

Thanks Steve,

I'm learning - slowly

There is an HTML editor in Joomla that can be used to edit the code. Just click the HTML button on the toolbar when you are editting a page with the Grey Box Gallery in it

Steve

[rush_tech]

Is it not this plugin in action. Linky
There forums might be a place to look maybe