- Posts: 3
COMMUNITY FORUM
- Forum
- Free Joomla Extensions & Templates
- Simple Image Gallery
- Alignment, thumb size and Navigation tip translation?
Alignment, thumb size and Navigation tip translation?
- animanga
-
Topic Author
- Offline
- New Member
Less
More
18 years 1 week ago - 18 years 1 week ago #944
by animanga
Alignment, thumb size and Navigation tip translation? was created by animanga
Hello,
I installed this great plugin on my site, but I somehow can't get it to work the way I want. Here are three main problems I'm having:
1. I'd like the thumbs to be aligned in the center, instead of left as they are now;
2. I'd like to have 2 or even 3 thumbs per row, and
3. I'd like to translate this parts of the text, when the image is open:
"Navigation tip: Hover mouse on top of the right or left side of the
image to see the next or previous image respectively."
"You are browsing images from the article"
"Image 1 of 4"
You can see what I'm talking about here media-zd.hr/index.php?option=com_content&task=view&id=30&Itemid=31
Thanks in advance!
All the best,
Animanga
I installed this great plugin on my site, but I somehow can't get it to work the way I want. Here are three main problems I'm having:
1. I'd like the thumbs to be aligned in the center, instead of left as they are now;
2. I'd like to have 2 or even 3 thumbs per row, and
3. I'd like to translate this parts of the text, when the image is open:
"Navigation tip: Hover mouse on top of the right or left side of the
image to see the next or previous image respectively."
"You are browsing images from the article"
"Image 1 of 4"
You can see what I'm talking about here media-zd.hr/index.php?option=com_content&task=view&id=30&Itemid=31
Thanks in advance!
All the best,
Animanga
Please Log in or Create an account to join the conversation.
- animanga
-
Topic Author
- Offline
- New Member
Less
More
- Posts: 3
18 years 1 week ago #945
by animanga
Replied by animanga on topic Re: Alignment, thumb size and Navigation tip translation?
Please, can anyone help me here? Please?
Thanks,
Animanga
Thanks,
Animanga
Please Log in or Create an account to join the conversation.
- Sebastian Jopen
-
- Offline
- New Member
Less
More
- Posts: 6
18 years 1 week ago #946
by Sebastian Jopen
Replied by Sebastian Jopen on topic Re: Alignment, thumb size and Navigation tip translation?
The Navigation Tip and the "You are browsing" can be changed in the parameters of the mambot.
The image 1 of 4 can be changed in the file slimbox.js in the folder "/mambots/content/plugin_jw_sig".
Change the Words "image" and "of" in the following line:
this.number.setHTML((this.images.length == 1) ? '' : 'Image'+(this.activeImage+1)+' of '+this.images.length);
Please give me a short message if this is fine.
The image 1 of 4 can be changed in the file slimbox.js in the folder "/mambots/content/plugin_jw_sig".
Change the Words "image" and "of" in the following line:
this.number.setHTML((this.images.length == 1) ? '' : 'Image'+(this.activeImage+1)+' of '+this.images.length);
Please give me a short message if this is fine.
3. I'd like to translate this parts of the text, when the image is open:
"Navigation tip: Hover mouse on top of the right or left side of the
image to see the next or previous image respectively."
"You are browsing images from the article"
"Image 1 of 4"
Please Log in or Create an account to join the conversation.
- ItchySox
-
- Offline
- New Member
Less
More
- Posts: 3
17 years 10 months ago #947
by ItchySox
Replied by ItchySox on topic Re: Alignment, thumb size and Navigation tip translation?
I'd also like to know a simple way of centering the thumbnails, anyone done this?
Thanks
Thanks
Please Log in or Create an account to join the conversation.
- Robert Strauch
-
- Offline
- New Member
Less
More
- Posts: 3
17 years 10 months ago #948
by Robert Strauch
Replied by Robert Strauch on topic Re: Alignment, thumb size and Navigation tip translation?
I'm really not an expert in PHP, CSS and Joomla but I modified the followig files and the thumbnails look centered at a first glance. Please note that this solution is nothing official. It's quick, very dirty and every good web programmer would shoot me for this, I think :) Here's what I've done:
1.
Edit the file \mambots\content\plugin_jw_sig.php and go to this line:
<div class="sig">'
2.
Replace the code with the following code up to this line:
\"Simple Image Gallery\" Plugin (v1.2.1) ends here -->";
You can define how many images shall be display in each row by changing this statement:
$a%4 == 0
Just replace the '4' with the number of images which shall be displayed in a row.
3.
Edit the file \mambots\content\plugin_jw_sig\sig.css and replace the complete block after /* ---Simple Image Gallery--- */ with
Please note that I commented out the shadows of the thumbnails as I couldn't manage them to behave being centered :)
As I said, this is only a quick & dirty solution. Please feel free to contribute any better way. I would be glad using it :)
1.
Edit the file \mambots\content\plugin_jw_sig.php and go to this line:
<div class="sig">'
2.
Replace the code with the following code up to this line:
\"Simple Image Gallery\" Plugin (v1.2.1) ends here -->";
/* Adaption of JW "Simple Image Gallery" Plugin (v1.2.1) START */
$html .= '<table width="100%" border="0"><tr>';
for($a = 0;$a<$noimage;$a++) /* Go through all images */
{
if (($a%4 == 0) && ($a > 1)) /* Close the old row and create a new one */
{
if($images[$a]['filename'] != '')
{
$html .= '</tr><tr><td><div class="sig_thumb"><div align="center"><a href="'.$mosConfig_live_site.$rootfolder.$_images_dir_.'/'.$images[$a]['filename'].'" rel="lightbox[sig'.$sigcount.']" title="';
if ($displaynavtip) {$html .= $navtip.'
';}
if ($displaymessage) {$html .= $message.'
<b>'.$itemtitle.'</b>';}
else {$html .= '<b>'.$images[$a]['filename'].'</b>';}
$html .= '" alt="';
if ($displaymessage) {$html .= $message.' '.$itemtitle.'';}
else {$html .= $images[$a]['filename'];}
$html .= '" target="_blank"><img src="'.$mosConfig_live_site.'/mambots/content/plugin_jw_sig/showthumb.php?img='.$_images_dir_.'/'.$images[$a]['filename'].'&width='.$_width_.'&height='.$_height_.'&quality='.$_quality_.'"></a></div></div></td>';
}
}
else /* Here we're in the same row going through the columns */
{
if($images[$a]['filename'] != '')
{
$html .= '<td><div class="sig_thumb"><div align="center"><a href="'.$mosConfig_live_site.$rootfolder.$_images_dir_.'/'.$images[$a]['filename'].'" rel="lightbox[sig'.$sigcount.']" title="';
if ($displaynavtip) {$html .= $navtip.'
';}
if ($displaymessage) {$html .= $message.'
<b>'.$itemtitle.'</b>';}
else {$html .= '<b>'.$images[$a]['filename'].'</b>';}
$html .= '" alt="';
if ($displaymessage) {$html .= $message.' '.$itemtitle.'';}
else {$html .= $images[$a]['filename'];}
$html .= '" target="_blank"><img src="'.$mosConfig_live_site.'/mambots/content/plugin_jw_sig/showthumb.php?img='.$_images_dir_.'/'.$images[$a]['filename'].'&width='.$_width_.'&height='.$_height_.'&quality='.$_quality_.'"></a></div></div></td>';
}
}
}
$html .="</tr></table>\n<div class=\"sig_clr\"></div>\n</div>\n<!-- JW \"Simple Image Gallery\" Plugin (v1.2.1) ends here -->";
/* Adaption of JW "Simple Image Gallery" Plugin (v1.2.1) END */
You can define how many images shall be display in each row by changing this statement:
$a%4 == 0
Just replace the '4' with the number of images which shall be displayed in a row.
3.
Edit the file \mambots\content\plugin_jw_sig\sig.css and replace the complete block after /* ---Simple Image Gallery--- */ with
.sig
{
clear: both;
margin: 16px 4px;
padding:0px;
}
.sig_clr
{
clear:both;
}
.sig_thumb
{
margin: 10px 10px 10px 10px;
padding: 0px;
/* Uncomment to display thumbs with a drop shadow */
/* background: url(shadowAlpha.png) no-repeat bottom right !important; */
/* background: url(shadow.gif) no-repeat bottom right; */
}
.sig_thumb img
{
display: block;
position: relative;
background: #FFF;
border: 1px solid #ccc;
margin: 0px;
padding: 4px;
}
Please note that I commented out the shadows of the thumbnails as I couldn't manage them to behave being centered :)
As I said, this is only a quick & dirty solution. Please feel free to contribute any better way. I would be glad using it :)
Please Log in or Create an account to join the conversation.
- JoomlaWorks Support Team
-
- Offline
- Platinum Member
Less
More
- Posts: 1188
17 years 9 months ago #949
by JoomlaWorks Support Team
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by JoomlaWorks Support Team on topic Re: Alignment, thumb size and Navigation tip translation?
Nice man! ;)
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.
- LaCis
-
- Offline
- New Member
Less
More
- Posts: 1
17 years 6 months ago #950
by LaCis
Replied by LaCis on topic Re: Alignment, thumb size and Navigation tip translation?
I can put thumbnails in the middle, before made a change what you offer
I have other problem
- When I move to mouse on thumbnail- it show <b>image</b> Can i
change this. I suppose should I put some script additions?
I have other problem
- When I move to mouse on thumbnail- it show <b>image</b> Can i
change this. I suppose should I put some script additions?
Please Log in or Create an account to join the conversation.
- Forum
- Free Joomla Extensions & Templates
- Simple Image Gallery
- Alignment, thumb size and Navigation tip translation?