using embedded popup and IE... just open a little new window ?

501 Posts

luuuciano Reply #1, 16 years, 7 months ago

Hi!
I was using
&display=`embedded` &embedtype=`popup`
to show images at real sizes in new windows (so people can scroll it, because they are documents to read)

In firefox it works ok, it opens a window of the image width (right? not sure)
but in IE (8) it just open a little window...

4,213 Posts

doze Reply #2, 16 years, 7 months ago

Yes, it should open the window with the picture sizes, width and height.

Again, cannot help without any link to your page.

"He can have a lollipop any time he wants to. That's what it means to be a programmer."

501 Posts

luuuciano Reply #3, 16 years, 7 months ago

oh, Im testing it here:
http://www.brunamultiespacio.com/prensa-uno.html

using this snippet call:
[!MaxiGallery? &display=`embedded` &embedtype=`popup` &galleryPictureTpl=`popuup` &big_mask_bgcolor=`ffffff` &lang=`es` &manage_target=`73`!]

the popuup chunk have this:

[+maxigallery.embedtype:is=`smoothgallery`:then=` 
	<div class="imageElement">
	<h3>[+maxigallery.picture.title:htmlent+]</h3>
	<p>[+maxigallery.picture.descr:htmlent+]</p>
	<a href="[+maxigallery.picture_link_url+]" title="[+maxigallery.strings.click_to_zoom+]" class="open"></a>
	<img src="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" class="full" />
	<img src="[(base_url)][+maxigallery.path_to_gal+]tn_[+maxigallery.picture.filename+]" class="thumbnail" />
	</div>
`+]

[+maxigallery.embedtype:isnot=`smoothgallery`:then=`
 
<li>
[+maxigallery.embedtype:is=`slidebox`:then=` 

	<a href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" rel="lightbox_[+maxigallery.path_to_gal+]gallery">

`+]

[+maxigallery.embedtype:is=`lightboxv2`:then=` 

	<a href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" rel="lightbox[maxigallery]" title="[+maxigallery.picture.title:htmlent+] - [+maxigallery.picture.descr:htmlent+]">

`+]

[+maxigallery.embedtype:is=`slimbox`:then=` 

	<a href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" rel="lightbox[maxigallery]" title="[+maxigallery.picture.title:htmlent+] - [+maxigallery.picture.descr:htmlent+]">

`+]

[+maxigallery.embedtype:is=`popup`:then=` 

	<a href="javascript:void(0);" onClick="javascript:openWindow('[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]','gallery','height=[+maxigallery.picture_height_normal+],width=[+maxigallery.picture_width_normal+],scrollbars=yes');">

`+]

[+maxigallery.embedtype:is=`external`:then=` 

	<a href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" rel="external">

`+]

[+maxigallery.embedtype:is=``:then=`
	
	<a href="[+maxigallery.picture_link_url+]">

`+]
	
	 	<img src="[(base_url)][+maxigallery.path_to_gal+]tn_[+maxigallery.picture.filename+]" class="thumbnail" title="[+maxigallery.picture.title:htmlent+] [+maxigallery.strings.click_to_zoom+]" alt="[+maxigallery.picture.title:htmlent+] [+maxigallery.strings.click_to_zoom+]" />
	
	</a>
	[+maxigallery.picture.title:isnot=``:then=`
		<p style="width: [+maxigallery.picture_width_thumb+]px;">
		[+maxigallery.picture.title:htmlent+]
		</p>
	`+]
</li>
`+]

so, I tried to use: javascript:openWindow(’[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]’,’gallery’,’height=[+maxigallery.picture_height_normal+],width=[+maxigallery.picture_width_normal+],scrollbars=yes’);
to make the width and height, and scroll bar on... because using the default popup behavior there is no scroll bar (and the opened window in IE was a little one)

4,213 Posts

doze Reply #4, 16 years, 7 months ago

the height and width should be just numbers to the openWindow javascript call.. so you need to remove the height= and width= that you have added.

If you would have looked at the openWindow javascript function, you would have noticed that it takes 5 parameters where the last one is used to add options, such as the scrollbars.

So try something like this as the onclick event instead:

onclick="javascript:openWindow('[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]','[+maxigallery.picture.title:htmlent+]',[+maxigallery.picture_height_normal+],[+maxigallery.picture_width_normal+],'gallery','scrollbars=yes');"

But that will open the popup window to the size of the picture, so what’s the use of the scrollbars? So you probably want to set some static size to the popup..

"He can have a lollipop any time he wants to. That's what it means to be a programmer."

501 Posts

luuuciano Reply #5, 16 years, 7 months ago

Quote from: doze at Mar 01, 2010, 04:30 PM

But that will open the popup window to the size of the picture, so what’s the use of the scrollbars? So you probably want to set some static size to the popup..

I wanted the vertical scroll to scroll large pictures, and let users to read the content... (like clicking on the 1st image)

thanks for that code!
before ask here I searched for the openwindow and tried something... but did it wrong and broken it...

btw, I have used this:

	<a href="javascript:void(0);" onclick="javascript:window_width=[+maxigallery.picture_width_normal+]+20; javascript:window_height=[+maxigallery.picture_height_normal+]+20; javascript:openWindow('[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]','[+maxigallery.picture.title:htmlent+]',window_height,window_width,'gallery','scrollbars=yes');">

to avoid horizontal scroll
and vertical in little pictures