shavit
Posts: 5
Joined: Sat Nov 17, 2007 8:48 pm

Hi,

Is it possible to build a table inside the html popup highslide-body :?:

What I need is a picture on the left side, a text on the right side,

an <hr> under both and a few text lines under the hr tag.

To make it more elegant maybe a vertical seperator between
the picture and the text above the hr tag :)

So far the text, hr, and undertext are there but I can't position the picture.

Can this be done :?:
torstein.honsi
Site Admin
Posts: 9215
Joined: Thu Nov 09, 2006 11:22 am
Location: Vik i Sogn, Norway

You can do anything within the HTML popup using traditional HTML and CSS teqniques. Try using a table to position your image.
shavit
Posts: 5
Joined: Sat Nov 17, 2007 8:48 pm

Thanks, works great.

I thought there are special highslide-table etc' css classes :oops:

Danny
torstein.honsi
Site Admin
Posts: 9215
Joined: Thu Nov 09, 2006 11:22 am
Location: Vik i Sogn, Norway

There isn't a need for that, you just need to keep in mind the cascading properties of CSS. So this rule:

Code: Select all

.highslide-html table {
   border: 1px solid blue;
}
... only applies to tables within the Highslide popup.
kag
Posts: 1
Joined: Thu Nov 22, 2007 3:34 pm
Location: Qu├®bec City
Contact: Website

I'm just curious if the "alpha" label applies to the configurator or to the Highslide JS code?
torstein.honsi
Site Admin
Posts: 9215
Joined: Thu Nov 09, 2006 11:22 am
Location: Vik i Sogn, Norway

It applies to the highslide.js code. Current status is that the iframe example (17) doesn't work in Opera and Netscape 8. Apart from that, the code is regarded stable.
bobsc
Posts: 28
Joined: Sat Nov 24, 2007 8:39 pm

'fullexpand.gif' doesn't appear.
I have overlays, autosize.
How do you "Expand to actual size"?
shavit
Posts: 5
Joined: Sat Nov 17, 2007 8:48 pm

Hi,

Just to let you know that I'v recomended your site to Ray at webappers
and they are going to publish a post about Highslide today at:

http://www.webappers.com

Regards

Danny
torstein.honsi
Site Admin
Posts: 9215
Joined: Thu Nov 09, 2006 11:22 am
Location: Vik i Sogn, Norway

bobsc, one of the news in version 3.3 is that you use a CSS rule to modify the appearance of the fullexpand icon. If this is not defined in your CSS, it will not show. The reason is of course to give you full control of it's appearance without modifying highslide.js.

Code: Select all

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 44px;
	height: 44px;
}
User avatar
zharel
Posts: 14
Joined: Thu Nov 22, 2007 10:36 pm
Location: Haifa, Israel
Contact: Website

I have upgraded my sites, http://JV.Gilead.org.il/rpaul/, http://JV.Gilead.org.il/stamps/, http://HCA.Gilead.org.il/stamps/, to use the 3.3 Alpha (November 22 2007) version, with the "default +positioning +events +unobtrusive +transitions +inline +ajax -packed" and after reading this thread about adding some new CSS almost everything works nicely :D. I have one problem, though: In pages like http://JV.Gilead.org.il/rpaul/Un%20dram ... 20Mexique/
I use a control bar. I used to have it only on the expanded images. In the new version, it also started showing on the expanded HTML (from the 'Équipe des collaborateurs' link). I don't want it to be on the latter :(, because I added a "X" mark to close it, and I don't need the other controls there. Can you please suggest a solution? The main reason for starting using the alpha version is the possibility to get the captions from the img titles.

Thanks,

Zvi. :D
User avatar
EarlyOut
Posts: 1705
Joined: Sun Nov 11, 2007 9:22 pm
Location: Sector R
Contact: Website

I've run into a couple of problems with the dimming effect in 3.3. Take a look here: (URL removed). In Firefox 2.0.0.10, the dimming doesn't affect the entire height of the window. In IE7, the dimming doesn't affect the entire width of the window (note the light blue block along the right edge) - I've set width to 100% in the CSS.

Am I doing something dopey? (Wouldn't be the first time....)

Edit: Further testing reveals some even stranger behavior in IE7. This is hard to describe, but if the page is more than a screen's worth, vertically, and you scroll down to one of the thumbnails on the bottom, then click on it, the dimming applies only to the upper part of the window. In other words, if the visible part of the window is, say, 900 px tall, but you scroll down and click on a thumbnail that's down around 1500 px, only the first 900 px of the window dims.

You can see the effect in the example I've linked above. Reduce the size of the IE7 browser window so that you can see the first row of thumbnails, but only about half of the second row. Now click on one of the lower thumbnails, then use the vertical scroll bar to scroll down. Notice where the dimming ends!
Last edited by EarlyOut on Wed Nov 28, 2007 11:42 pm, edited 1 time in total.
torstein.honsi
Site Admin
Posts: 9215
Joined: Thu Nov 09, 2006 11:22 am
Location: Vik i Sogn, Norway

EarlyOut: Your issues have been fixed in the 3.3 stable (!) release that ships today. Just note that I changed the name of hs.dimming to hs.dimmingOpacity to prevent possible future name crashes.
torstein.honsi
Site Admin
Posts: 9215
Joined: Thu Nov 09, 2006 11:22 am
Location: Vik i Sogn, Norway

zharel, this behaviour can be avoided by giving either your image expanders or HTML expanders a slideshowGroup, and then using the overlay only for that slideshowGroup. http://vikjavev.no/highslide/ref/hs.registerOverlay

Return to “News”