Keyword

Alignment, thumb size and Navigation tip translation?

  • animanga
  • animanga's Avatar Topic Author
  • Offline
  • New Member
More
17 years 1 month ago - 17 years 1 month ago #944 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

Please Log in or Create an account to join the conversation.

  • animanga
  • animanga's Avatar Topic Author
  • Offline
  • New Member
More
17 years 1 month ago #945 by animanga
Please, can anyone help me here? Please?
Thanks,
Animanga

Please Log in or Create an account to join the conversation.

More
17 years 1 month 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.

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.

More
16 years 11 months ago #947 by ItchySox
I'd also like to know a simple way of centering the thumbnails, anyone done this?

Thanks

Please Log in or Create an account to join the conversation.

More
16 years 11 months ago #948 by Robert Strauch
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 -->";
/* 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
  • JoomlaWorks Support Team's Avatar
  • Offline
  • Platinum Member
More
16 years 11 months ago #949 by JoomlaWorks Support Team
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.

More
16 years 8 months ago #950 by LaCis
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?

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum