Locked
arun.1984.13.9
Posts: 6
Joined: Thu Aug 05, 2010 11:58 am

iframe with dimming background as lightbox does

Hi, Need help........ Can anybody please tell me how i can have iframe with the lightbox effect....
User avatar
RoadRash
Posts: 8249
Joined: Tue Jul 15, 2008 6:43 pm
Location: Fredrikstad, Norway
Contact: Website

Re: iframe with dimming background as lightbox does

See reference page for hs.dimmingOpacity: http://www.highslide.com/ref/hs.dimmingOpacity
You need to use the highslide-full js file for this to work.
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no
arun.1984.13.9
Posts: 6
Joined: Thu Aug 05, 2010 11:58 am

Re: iframe with dimming background as lightbox does

Thanks For your... but i followed what you said.. But no result i got.. can you please explain..i am doing :

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<title>Highslide JS</title>


<!--

    1 ) Reference to the files containing the JavaScript and CSS.

    These files must be located on your server.

-->


      <script type="text/javascript" src="../highslide/highslide-with-html.js"></script>

      <link rel="stylesheet" type="text/css" href="../highslide/highslide.css" />


<!--

    2) Optionally override the settings defined at the top

    of the highslide.js file. The parameter hs.graphicsDir is important!

-->



<script type="text/javascript">

	hs.graphicsDir = '../highslide/graphics/';

	hs.outlineType = 'rounded-white';

	hs.wrapperClassName = 'draggable-header';
	hs.dimmingOpacity = 0.75;

</script>

<style type="text/css">
	.highslide-dimming {
		background: black;
	}
</style>


</head>


<body>

<div>


<!--

	3) This is how you define the link opening the iframe popup.

-->


<a href="http://link.brightcove.com/services/player/bcpid388229865001?bctid=359356609001"
        onclick="return hs.htmlExpand(this, {
            contentId: 'my-content',
            objectType: 'iframe',
            objectWidth: 700,
            objectHeight: 900} )"
        class="highslide">
    Content in iframe
</a>
</div>

</body>

</html>
But no dimming effect...please modify this so that i can get it working.... would be great kind of urs...
User avatar
RoadRash
Posts: 8249
Joined: Tue Jul 15, 2008 6:43 pm
Location: Fredrikstad, Norway
Contact: Website

Re: iframe with dimming background as lightbox does

Replace this line:

Code: Select all

<script type="text/javascript" src="../highslide/highslide-with-html.js"></script>
with this

Code: Select all

<script type="text/javascript" src="../highslide/[hilight]highslide-full.js[/hilight]"></script>
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no
arun.1984.13.9
Posts: 6
Joined: Thu Aug 05, 2010 11:58 am

Re: iframe with dimming background as lightbox does

wow....great..thanks for your support really great... :D
is it also possible to centeralized the iframe when we click on the link...
User avatar
RoadRash
Posts: 8249
Joined: Tue Jul 15, 2008 6:43 pm
Location: Fredrikstad, Norway
Contact: Website

Re: iframe with dimming background as lightbox does

See reference page for hs.align: http://www.highslide.com/ref/hs.align
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no
arun.1984.13.9
Posts: 6
Joined: Thu Aug 05, 2010 11:58 am

Re: iframe with dimming background as lightbox does

Thanku for your excellent help.....really fantastic...
arun.1984.13.9
Posts: 6
Joined: Thu Aug 05, 2010 11:58 am

Re: iframe with dimming background as lightbox does

Hey There , i need help form all you guys....please can anybody tell me do highslide provide similiar functionality as you can see on this link.... http://massagechairsource.ca/zoom.php?p ... recount=12 .......... zooming concept -- how this can be implemented on the images please tell me...would be your great help...
User avatar
RoadRash
Posts: 8249
Joined: Tue Jul 15, 2008 6:43 pm
Location: Fredrikstad, Norway
Contact: Website

Re: iframe with dimming background as lightbox does

Highslide doesnÔÇÖt have a similar zooming function.
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no
mth
Posts: 3
Joined: Tue Aug 03, 2010 10:20 pm

Re: iframe with dimming background as lightbox does

I am new to Highslide and am having some difficulty with the dimming and centering effect too.

See page here: http://www.relayweather.com/wxhighslide.php

Any assistance is much appreciated.

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

Re: iframe with dimming background as lightbox does

You haven't told it to use any dimming, or to center the expanded image:

Code: Select all

hs.align = 'center';
hs.dimmingOpacity = 0.7;
arun.1984.13.9
Posts: 6
Joined: Thu Aug 05, 2010 11:58 am

Re: iframe with dimming background as lightbox does

@RoadRash

well rash is there anything similiar like that....please suggest if you know.....
User avatar
RoadRash
Posts: 8249
Joined: Tue Jul 15, 2008 6:43 pm
Location: Fredrikstad, Norway
Contact: Website

Re: iframe with dimming background as lightbox does

@arun.1984.13.9
See my answer above.
(My answer was probably hard to see earlier because of the long spam post)
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no
mth
Posts: 3
Joined: Tue Aug 03, 2010 10:20 pm

Re: iframe with dimming background as lightbox does

EarlyOut wrote:You haven't told it to use any dimming, or to center the expanded image:

Code: Select all

hs.align = 'center';
hs.dimmingOpacity = 0.7;
That did it! Thanks for the help!
Locked

Return to “Highslide JS Usage”