- Posts: 14
COMMUNITY FORUM
- Forum
- Commercial Joomla Extensions & Templates
- Simple Image Gallery PRO
- Mouseover thumbnail -- how to change unwanted pop-up message
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.
Mouseover thumbnail -- how to change unwanted pop-up message
- imfritzy
-
Topic Author
- Offline
- New Member
Less
More
16 years 2 months ago #20609
by imfritzy
Mouseover thumbnail -- how to change unwanted pop-up message was created by imfritzy
I have installed Simple Image Gallery on my Joomla 1.0.11 site, and it basically works fine with one odd problem. When I mouseover the thumbnail of photos, the message that pops up (after I have turned off all pop-up options in the mambot) is: <br>[image name]</br>.
If I turn on the pop-up options and type in a desired pop-up message, the mouseover will display that message, plus the odd code that I just described. I would like to delete that odd code because it is confusing to users. But there doesn't seem to be an option for doing this. Most other users of SIG seem to display the message "Click to enlarge." I would like that, but the code <br>[image name]</br> seems embedded in any pop-up message.
I have put this message in both the SIG and SIG Pro forums, even though my question is about SIG, because SIG Pro seems to get more traffic.
Thank you for your suggestions.
If I turn on the pop-up options and type in a desired pop-up message, the mouseover will display that message, plus the odd code that I just described. I would like to delete that odd code because it is confusing to users. But there doesn't seem to be an option for doing this. Most other users of SIG seem to display the message "Click to enlarge." I would like that, but the code <br>[image name]</br> seems embedded in any pop-up message.
I have put this message in both the SIG and SIG Pro forums, even though my question is about SIG, because SIG Pro seems to get more traffic.
Thank you for your suggestions.
Please Log in or Create an account to join the conversation.
- JoomlaWorks Support Team
-
- Offline
- Platinum Member
Less
More
- Posts: 1188
16 years 2 months ago #20610
by JoomlaWorks Support Team
Replied by JoomlaWorks Support Team on topic Re: Mouseover thumbnail -- how to change unwanted pop-up message
Hi there!
Could you please post a direct link to the gallery?
Thank you!
Could you please post a direct link to the gallery?
Thank you!
Please Log in or Create an account to join the conversation.
- imfritzy
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 14
16 years 2 months ago #20611
by imfritzy
Replied by imfritzy on topic Re: Mouseover thumbnail -- how to change unwanted pop-up message
Please Log in or Create an account to join the conversation.
- JoomlaWorks Support Team
-
- Offline
- Platinum Member
Less
More
- Posts: 1188
16 years 2 months ago #20612
by JoomlaWorks Support Team
Replied by JoomlaWorks Support Team on topic Re: Mouseover thumbnail -- how to change unwanted pop-up message
Well, I'm afraid that the message passed through the title can't be parsed as an HTML code
and this is the reason of the appearance of the <b> code.
If you want to modify this behavior just modify the lines 69,70 of the plugin_jw_sig.php file.
Thank you!
and this is the reason of the appearance of the <b> code.
If you want to modify this behavior just modify the lines 69,70 of the plugin_jw_sig.php file.
Thank you!
Please Log in or Create an account to join the conversation.
- imfritzy
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 14
16 years 2 months ago #20613
by imfritzy
Replied by imfritzy on topic Re: Mouseover thumbnail -- how to change unwanted pop-up message
Thanks. That helped a lot. I'm not very good at html, but I modified the code at those lines to say:
69: if ($displaynavtip) {$html .= $navtip.'';}
70: if ($displaymessage) {$html .= $message.'';}
71: else {$html .= 'Click to enlarge. Photo name: '.$images[$a].'';}
When I hover over the thumbnail, the message that appears is: Click to enlarge. Photo name: [name] This is pretty good, but not perfect.
I would like to get rid of the "Photo name: [name]" part of the hover-over message, but when I delete the "Photo name: '.$images[$a]." part of the string on line 71, I either get an error message, or if I delete just [$a], the word "Array" appears during the mouseover. So obviously my very limited knowledge of html is hindering me.
69: if ($displaynavtip) {$html .= $navtip.'';}
70: if ($displaymessage) {$html .= $message.'';}
71: else {$html .= 'Click to enlarge. Photo name: '.$images[$a].'';}
When I hover over the thumbnail, the message that appears is: Click to enlarge. Photo name: [name] This is pretty good, but not perfect.
I would like to get rid of the "Photo name: [name]" part of the hover-over message, but when I delete the "Photo name: '.$images[$a]." part of the string on line 71, I either get an error message, or if I delete just [$a], the word "Array" appears during the mouseover. So obviously my very limited knowledge of html is hindering me.
Please Log in or Create an account to join the conversation.
- imfritzy
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 14
15 years 3 months ago #20614
by imfritzy
Replied by imfritzy on topic Re: Mouseover thumbnail -- how to change unwanted pop-up message
I've just upgraded to Joomla 1.5 and I have the same problem of the unwanted code appearing on the mouseover. But I can't find the correct file and the code to alter to delete these unwanted <b>'s from appearing. Can someone tell me which file, which lines, and which code to change?
Thank you.
Thank you.
Please Log in or Create an account to join the conversation.
- zakcobb
-
- Offline
- New Member
Less
More
- Posts: 1
15 years 3 months ago #20615
by zakcobb
Replied by zakcobb on topic Re: Mouseover thumbnail -- how to change unwanted pop-up message
unzip the install package and edit lines 14 and 16 in the file "en-GB.plg_content_jw_sigpro.ini". re-compress and install.
Please Log in or Create an account to join the conversation.
- imfritzy
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 14
15 years 3 months ago #20616
by imfritzy
Replied by imfritzy on topic Re: Mouseover thumbnail -- how to change unwanted pop-up message
Thank you for the advice. I've got the file that you identified uzipped (unfortunately, my editor does not lay out the lines numerically). Anyway, the message that appears upon mouseover of the images on the front-end of my site is:
<b>[imagename.jpg]</b>
See www.alcottdevsite.net/index.php?option=com_content&view=article&id=370:our-building-and-students&catid=79:photos-from-2009-2010&Itemid=125
Ideally, I'd replace it with something like "Click to Enlarge"
If you don't mind, exactly what part of the code would I change. It's not obvious from the file's content.
Thanks again.
<b>[imagename.jpg]</b>
See www.alcottdevsite.net/index.php?option=com_content&view=article&id=370:our-building-and-students&catid=79:photos-from-2009-2010&Itemid=125
Ideally, I'd replace it with something like "Click to Enlarge"
If you don't mind, exactly what part of the code would I change. It's not obvious from the file's content.
Thanks again.
Please Log in or Create an account to join the conversation.
- Katia
-
- Offline
- Platinum Member
Less
More
- Posts: 4696
15 years 3 months ago #20617
by Katia
Replied by Katia on topic Re: Mouseover thumbnail -- how to change unwanted pop-up message
Please check here:
forum.joomlaworks.net/index.php?topic=7690.0
forum.joomlaworks.net/index.php?topic=7690.0
Please Log in or Create an account to join the conversation.
- imfritzy
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 14
15 years 3 months ago #20618
by imfritzy
Replied by imfritzy on topic Re: Mouseover thumbnail -- how to change unwanted pop-up message
Thank you. I can see the file, but because of my inexperience, I just can't tell what is the appropriate code to change.
Please Log in or Create an account to join the conversation.
- Katia
-
- Offline
- Platinum Member
Less
More
- Posts: 4696
15 years 3 months ago #20619
by Katia
Replied by Katia on topic Re: Mouseover thumbnail -- how to change unwanted pop-up message
Please provide me a copy of what you see.
Please Log in or Create an account to join the conversation.
- imfritzy
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 14
15 years 3 months ago #20620
by imfritzy
<strong style="color:#C64934;">This extension is released under the GNU/GPL license.</strong>
<i>(Last update: January 6th, 2007 - version 1.2.1)</i>
</div>
Replied by imfritzy on topic Re: Mouseover thumbnail -- how to change unwanted pop-up message
If you go to
www.alcottdevsite.net/index.php?option=com_content&view=article&id=370:our-building-and-students&catid=79:photos-from-2009-2010&Itemid=125
and mouseover the thumbnails, you see something like <b>[image name]</b>. I'm trying to delete the <b>'s
The file I've been looking at, en-GB.plg_content_jwsig.ini, is (I believe) not the correct one to modify. But here is the code in it: (Thanks for any advice!)
/*
// "Simple Image Gallery PRO" Plugin for Joomla 1.5.x - Version 1.2
// Copyright (c) 2006 - 2008 JoomlaWorks (Komrade LLC) - www.joomlaworks.net
// This code cannot be redistributed without permission from www.joomlaworks.net/
// More info at: www.joomlaworks.net/
// Developers: Fotis Evangelou - George Chouliaras
// ***Last update: February 8th, 2008***
*/
JWSIG_DESC=<style type="text/css" media="all"><!--.extension_container {padding:0px 0px 4px 0px;}.extension_container ul,.extension_container ol {margin:4px 16px;padding:0px;}.extension_container ul li,.extension_container ol li {margin:2px 8px 2px 0px;padding:0px;}h1 {clear:both;margin:0px 0px 12px 0px;padding:0px 0px 1px 0px;color:#C64934;font-size:17px;border-bottom:1px dotted #505050;}.title {margin:4px 0px;font-size:12px;font-weight:bold;}.red {color:#C64934;}--></style><div class="extension_container"><h1><a target="_blank" title="Visit JoomlaWorks!" href="www.joomlaworks.net">"Simple Image Gallery" Plugin v1.x (by JoomlaWorks.net)www.joomlaworks.net">
Adding image galleries inside your Joomla! articles (content items) is now super-easy and simple with the "Simple Image Gallery" Plugin from JoomlaWorks. Just add for example {gallery}myphotos{/gallery} inside any article and all images existing in the folder "myphotos" will be "automagically" presented as an image gallery, with stylish shadows on each thumbnail and "lightbox" popups to display the original images (when the user clicks on a thumbnail)! The thumbnails are generated on the fly using PHP, which means that the original images are resized and resampled, too!
See the "Simple Image Gallery" Plugin in action in our exclusive demo site <a target="_blank" title="Visit the official JoomlaWorks demo website!" href="demo.joomlaworks.net">HERE!
So, now, a) you don't need to have an additional gallery component to display a few images, b) you don't need to tell your visitors "to see our photos from Paris click here" and c) you focus more on content writing and less on administering the images! The plugin is ideal for news portals wanting to display some product images, for example, inside their articles. The potential of this plugin is actually only limited by your imagination!
Future releases will feature more control over the galleries created as well as different representations!
<b>Have fun!</b>
<h1>USAGE INSTRUCTIONS</h1>The concept is simple. You want to add image galleries inside your articles (content items)! So, create a folder anywhere inside <b class="red">images/stories/</b>, for example call it <b>summer_trip_to_italy</b> and upload there all your images. Now create a new content item (or open an existing one) and simply insert <b class="red">{gallery}summer_trip_to_italy{/gallery}</b>, where you want your image gallery to appear. It doesn't have to be at the end of your article, it can be anywhere you insert it inside your content item. That's it! Fire up your favorite browser, navigate to your content item et voila! An image gallery inside your content item!
You can have as many galleries as you want inside each content item, but for performance purposes try to only add one at a time (unless you're having only 2-3 images per gallery). If you want to create a gallery from subfolders inside <b>images/stories/</b>, simple add them like this: <b class="red">{gallery}folder/subfolder/othersubfolder{/gallery}</b>. In other words, write the path to your target folder without any slashes at the beginning or the end of your path (it's added automagically!).
Don't forget to adjust the width and height of each thumbnail. Decreasing the width means you are adding more thumbnails in each row of the gallery. So, experiment before going public. Also, set the image quality of the created thumbnails. Low quality means better loading times. <b class="red">For performance issues, prefer not to use more than 16-20 images per content item</b>.
<h1>TROUBLESHOOTING</h1>Our experience has indicated that most users face 3 issues mostly, regarding the proper operation/display of the "Simple Image Gallery" Plugin.<ol><li>Thumbnails do not show up (user sees red X's - in IE). If this is the case, the problem is due to wrongly enforced file permissions from your server (the file <b>showthumb.php</b> should be writable - 755 or 777). Or your server is missing the GD Image Library. Either way, ask your hosting company to fix this.</li><li>Thumbnail layout gets messed up (shadows display wrongly). This can occur only in IE and only if your template has an XML declaration on top. This XML declaration "tells" IE to run in <b>quirks mode</b>, which means it does not recognize standards-based CSS styling (like the one used inside the plugin's code). Remove the XML declaration from your template to fix this once and for all. This XML declaration must not exist in any case, cause it's bad templating! After you remove it, chances are you'll fix one or two things in your template to get it showing up as it did before, in IE, and as it always did in standards based browsers, like Mozilla Firefox. To give you an example, the default <b>Solarflare</b> template only requires you to fix the height of the navigation buttons on the left, after you remove the XML declaration.</li><li>The "lightbox-styled" popup does not show up with the black "mask", as it does in the JoomlaWorks demo site. The answer is simple: it's your template's fault. Revert to the default template of Joomla! to make sure.</li></ol>
<h1>CHANGELOG</h1>Version 1.2.1 (released on January 6th, 2007)<ol><li>Minor code fix for the lightbox-like popup window's slideshow mode.</li></ol>Version 1.2 (released on January 5th, 2007)<ol><li>Fixed multiple galleries on same content item issue. This includes the slide show.</li><li>Added the ability to select whether to display a nice message plus the filename or just the filename in the image popup window.</li><li>Minor code and usability fixes.</li></ol>Version 1.1 (released on December 8th, 2006)<ol><li>Minor code changes.</li><li>Thumbnails now stretch to fill entire available content width.</li><li>Thumbnails align as if they existed in a table. Don't worry, we've kept the divs, no tables here!</li><li>Fixed broken shadow frame for images whose height is bigger than their width.</li><li>Fixed PNG thumbnail preview.</li><li>Added slideshow mode to the popups. Now the user can browse through the images without the need to close one image to open the next. The user navigates through images by clicking the "next" and "previous" buttons appearing on top of the image (on the right and left hand sides of the image respectively).</li><li>Removed the image "filename" from the preview popup window. Instead we added the option for you to insert a nice message like: "You are browsing images from the article...". Type this message in the parameters.</li></ol>
<h1>CREDITS</h1>The "Simple Image Gallery" Plugin from JoomlaWorks uses "<a target="_blank" title="Slimbox" href="www.digitalia.be/software/slimbox">Slimbox" (developed by Christophe Beyls), which is a "Mootools" implentation of the famous "Lightbox" script. "Slimbox" generates the nice popups that display original images in a gallery.
<h1>FOR INFO, UPDATES, REQUESTS & CONTACT</h1>Check out <a target="_blank" title="Visit JoomlaWorks!" href="www.joomlaworks.net">JoomlaWorks.net, the official website of this Joomla extension and home to other popular ones, like the AllVideos Plugin, the AJAX Newsflash Module, the Ultimate PNG Fix Plugin or the Tabs In Content Items Plugin.
<a target="_blank" title="Visit JoomlaWorks!" href="www.joomlaworks.net">JoomlaWorks.net is the place to read interesting articles or find useful tips and tutorials for the Joomla! CMS and web design/development in general. At www.joomlaworks.net">JoomlaWorks.net you can always download the latest software updates as well as post comments, requests or even discuss the extension.
<div class="star">Please show your support by rating or commenting on this extension at the official Joomla! Extensions website <a target="_blank" href="extensions.joomla.org/component/option,com_mtree/task,viewowner/user_id,1596/Itemid,35/">HERE.
Thank you for your support!www.alcottdevsite.net/index.php?option=com_content&view=article&id=370:our-building-and-students&catid=79:photos-from-2009-2010&Itemid=125
and mouseover the thumbnails, you see something like <b>[image name]</b>. I'm trying to delete the <b>'s
The file I've been looking at, en-GB.plg_content_jwsig.ini, is (I believe) not the correct one to modify. But here is the code in it: (Thanks for any advice!)
/*
// "Simple Image Gallery PRO" Plugin for Joomla 1.5.x - Version 1.2
// Copyright (c) 2006 - 2008 JoomlaWorks (Komrade LLC) - www.joomlaworks.net
// This code cannot be redistributed without permission from www.joomlaworks.net/
// More info at: www.joomlaworks.net/
// Developers: Fotis Evangelou - George Chouliaras
// ***Last update: February 8th, 2008***
*/
JWSIG_DESC=<style type="text/css" media="all"><!--.extension_container {padding:0px 0px 4px 0px;}.extension_container ul,.extension_container ol {margin:4px 16px;padding:0px;}.extension_container ul li,.extension_container ol li {margin:2px 8px 2px 0px;padding:0px;}h1 {clear:both;margin:0px 0px 12px 0px;padding:0px 0px 1px 0px;color:#C64934;font-size:17px;border-bottom:1px dotted #505050;}.title {margin:4px 0px;font-size:12px;font-weight:bold;}.red {color:#C64934;}--></style><div class="extension_container"><h1><a target="_blank" title="Visit JoomlaWorks!" href="www.joomlaworks.net">"Simple Image Gallery" Plugin v1.x (by JoomlaWorks.net)www.joomlaworks.net">

See the "Simple Image Gallery" Plugin in action in our exclusive demo site <a target="_blank" title="Visit the official JoomlaWorks demo website!" href="demo.joomlaworks.net">HERE!
So, now, a) you don't need to have an additional gallery component to display a few images, b) you don't need to tell your visitors "to see our photos from Paris click here" and c) you focus more on content writing and less on administering the images! The plugin is ideal for news portals wanting to display some product images, for example, inside their articles. The potential of this plugin is actually only limited by your imagination!
Future releases will feature more control over the galleries created as well as different representations!
<b>Have fun!</b>
<h1>USAGE INSTRUCTIONS</h1>The concept is simple. You want to add image galleries inside your articles (content items)! So, create a folder anywhere inside <b class="red">images/stories/</b>, for example call it <b>summer_trip_to_italy</b> and upload there all your images. Now create a new content item (or open an existing one) and simply insert <b class="red">{gallery}summer_trip_to_italy{/gallery}</b>, where you want your image gallery to appear. It doesn't have to be at the end of your article, it can be anywhere you insert it inside your content item. That's it! Fire up your favorite browser, navigate to your content item et voila! An image gallery inside your content item!
You can have as many galleries as you want inside each content item, but for performance purposes try to only add one at a time (unless you're having only 2-3 images per gallery). If you want to create a gallery from subfolders inside <b>images/stories/</b>, simple add them like this: <b class="red">{gallery}folder/subfolder/othersubfolder{/gallery}</b>. In other words, write the path to your target folder without any slashes at the beginning or the end of your path (it's added automagically!).
Don't forget to adjust the width and height of each thumbnail. Decreasing the width means you are adding more thumbnails in each row of the gallery. So, experiment before going public. Also, set the image quality of the created thumbnails. Low quality means better loading times. <b class="red">For performance issues, prefer not to use more than 16-20 images per content item</b>.
<h1>TROUBLESHOOTING</h1>Our experience has indicated that most users face 3 issues mostly, regarding the proper operation/display of the "Simple Image Gallery" Plugin.<ol><li>Thumbnails do not show up (user sees red X's - in IE). If this is the case, the problem is due to wrongly enforced file permissions from your server (the file <b>showthumb.php</b> should be writable - 755 or 777). Or your server is missing the GD Image Library. Either way, ask your hosting company to fix this.</li><li>Thumbnail layout gets messed up (shadows display wrongly). This can occur only in IE and only if your template has an XML declaration on top. This XML declaration "tells" IE to run in <b>quirks mode</b>, which means it does not recognize standards-based CSS styling (like the one used inside the plugin's code). Remove the XML declaration from your template to fix this once and for all. This XML declaration must not exist in any case, cause it's bad templating! After you remove it, chances are you'll fix one or two things in your template to get it showing up as it did before, in IE, and as it always did in standards based browsers, like Mozilla Firefox. To give you an example, the default <b>Solarflare</b> template only requires you to fix the height of the navigation buttons on the left, after you remove the XML declaration.</li><li>The "lightbox-styled" popup does not show up with the black "mask", as it does in the JoomlaWorks demo site. The answer is simple: it's your template's fault. Revert to the default template of Joomla! to make sure.</li></ol>
<h1>CHANGELOG</h1>Version 1.2.1 (released on January 6th, 2007)<ol><li>Minor code fix for the lightbox-like popup window's slideshow mode.</li></ol>Version 1.2 (released on January 5th, 2007)<ol><li>Fixed multiple galleries on same content item issue. This includes the slide show.</li><li>Added the ability to select whether to display a nice message plus the filename or just the filename in the image popup window.</li><li>Minor code and usability fixes.</li></ol>Version 1.1 (released on December 8th, 2006)<ol><li>Minor code changes.</li><li>Thumbnails now stretch to fill entire available content width.</li><li>Thumbnails align as if they existed in a table. Don't worry, we've kept the divs, no tables here!</li><li>Fixed broken shadow frame for images whose height is bigger than their width.</li><li>Fixed PNG thumbnail preview.</li><li>Added slideshow mode to the popups. Now the user can browse through the images without the need to close one image to open the next. The user navigates through images by clicking the "next" and "previous" buttons appearing on top of the image (on the right and left hand sides of the image respectively).</li><li>Removed the image "filename" from the preview popup window. Instead we added the option for you to insert a nice message like: "You are browsing images from the article...". Type this message in the parameters.</li></ol>
<h1>CREDITS</h1>The "Simple Image Gallery" Plugin from JoomlaWorks uses "<a target="_blank" title="Slimbox" href="www.digitalia.be/software/slimbox">Slimbox" (developed by Christophe Beyls), which is a "Mootools" implentation of the famous "Lightbox" script. "Slimbox" generates the nice popups that display original images in a gallery.
<h1>FOR INFO, UPDATES, REQUESTS & CONTACT</h1>Check out <a target="_blank" title="Visit JoomlaWorks!" href="www.joomlaworks.net">JoomlaWorks.net, the official website of this Joomla extension and home to other popular ones, like the AllVideos Plugin, the AJAX Newsflash Module, the Ultimate PNG Fix Plugin or the Tabs In Content Items Plugin.
<a target="_blank" title="Visit JoomlaWorks!" href="www.joomlaworks.net">JoomlaWorks.net is the place to read interesting articles or find useful tips and tutorials for the Joomla! CMS and web design/development in general. At www.joomlaworks.net">JoomlaWorks.net you can always download the latest software updates as well as post comments, requests or even discuss the extension.
<div class="star">Please show your support by rating or commenting on this extension at the official Joomla! Extensions website <a target="_blank" href="extensions.joomla.org/component/option,com_mtree/task,viewowner/user_id,1596/Itemid,35/">HERE.
<strong style="color:#C64934;">This extension is released under the GNU/GPL license.</strong>
<i>(Last update: January 6th, 2007 - version 1.2.1)</i>
</div>
Please Log in or Create an account to join the conversation.
- Forum
- Commercial Joomla Extensions & Templates
- Simple Image Gallery PRO
- Mouseover thumbnail -- how to change unwanted pop-up message