Hoverbox Image Gallery ***Updated 07/04/12****(Unavailable)

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
User avatar
BaconFries
 
 
Posts: 4189
Joined: Thu Aug 16, 2007 7:32 pm

Re: Hoverbox Image Gallery ***Updated 25/09/11****

Post by BaconFries » Thu Apr 05, 2012 4:51 pm

Hi Barbara I have taken a look at the css file that is used for the images in the gallery you have used, now from what I can see is that you have set the thumbnails to H150xW150 and set the larger image to H400xW400 so this explains why that the images are not getting displayed at what you say H200xW200 see image below showing your css file used in the extension. Please check that you have inserted the correct sizes required and that you republish all files needed to the correct folders. I have also tested the extension using the image and it seems to work ok for myself.
hover.gif

bjlolmaugh
 
 
Posts: 58
Joined: Thu Nov 15, 2007 2:36 pm
Contact:

Re: Hoverbox Image Gallery ***Updated 25/09/11****

Post by bjlolmaugh » Fri Apr 06, 2012 1:50 am

I'm not sure where those properties came from. Here is the current setting for this Hover Box.
HoverBox.jpg
Sincerely,

Barbara Lolmaugh
http://www.websitesbybarbara.com

bjlolmaugh
 
 
Posts: 58
Joined: Thu Nov 15, 2007 2:36 pm
Contact:

Re: Hoverbox Image Gallery ***Updated 25/09/11****

Post by bjlolmaugh » Fri Apr 06, 2012 10:14 pm

Here is the HTML code for a solo Hover Box: http://www.paradigmsolarllc.com/inverters-i.html

Where do I find the script that you showed in your last post?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Inverters</title>
<style type="text/css">
div#container
{
width: 1066px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
background-color: #FFFFFF;
color: #000000;
scrollbar-face-color: #ECE9D8;
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #ECE9D8;
scrollbar-darkshadow-color: #716F64;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #ACA899;
scrollbar-track-color: #D4D0C8;
}
</style>
<style type="text/css">
a
{
color: #000000;
outline: none;
text-decoration: none;
}
a:visited
{
color: #000000;
}
a:active
{
color: #000000;
}
a:hover
{
color: #000000;
text-decoration: underline;
}
</style>
<link rel="stylesheet" href='css/hoverbox.css' type="text/css" media="screen, projection">
<!--[if lte IE 7]>
<link rel="stylesheet" href='css/ie_fixes.css' type="text/css" media="screen, projection">
<![endif]--></head>
<body>
<div id="container">
<div id="wb_HoverBox" style="position:absolute;left:0px;top:0px;width:800px;height:1077px;z-index:0;padding:0;">
<ul class="hoverbox">
<li><a href=""><img src="./images/Inverter.ApolloSolar3200W-24V-120-240-Split-Phase-Inverter-Charger-TSW3224TrueSineWave.jpg" alt="" title="ApolloSolar3200W-24V-120-240-Split-Phase-Inverter-Charger-TSW3224TrueSineWave.jpg"><img src="./images/Inverter.ApolloSolar3200W-24V-120-240-Split-Phase-Inverter-Charger-TSW3224TrueSineWave.jpg" alt="" title="ApolloSolar3200W-24V-120-240-Split-Phase-Inverter-Charger-TSW3224TrueSineWave.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.EnphaseEnergy-M190-72-240-S12.jpg" alt="" title="EnphaseEnergy-M190-72-240-S12.jpg"><img src="./images/Inverter.EnphaseEnergy-M190-72-240-S12.jpg" alt="" title="EnphaseEnergy-M190-72-240-S12.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.FroniusCL33-3Delta.jpg" alt="" title="FroniusCL33-3Delta.jpg"><img src="./images/Inverter.FroniusCL33-3Delta.jpg" alt="" title="FroniusCL33-3Delta.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.FroniusIG.jpg" alt="" title="FroniusIG.jpg"><img src="./images/Inverter.FroniusIG.jpg" alt="" title="FroniusIG.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.Kaco-Blue-Planet7600xi.jpg" alt="" title="Kaco-Blue-Planet7600xi.jpg"><img src="./images/Inverter.Kaco-Blue-Planet7600xi.jpg" alt="" title="Kaco-Blue-Planet7600xi.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.Kaco-XP100U-H4-100kW-480VAC.jpg" alt="" title="Kaco-XP100U-H4-100kW-480VAC.jpg"><img src="./images/Inverter.Kaco-XP100U-H4-100kW-480VAC.jpg" alt="" title="Kaco-XP100U-H4-100kW-480VAC.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.MagnumEnergy-MM612.jpg" alt="" title="MagnumEnergy-MM612.jpg"><img src="./images/Inverter.MagnumEnergy-MM612.jpg" alt="" title="MagnumEnergy-MM612.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.MagnumEnergy-MMP175-30D-MiniMagnumPanel-W-175A-DC30A-DualBreaker.jpg" alt="" title="MagnumEnergy-MMP175-30D-MiniMagnumPanel-W-175A-DC30A-DualBreaker.jpg"><img src="./images/Inverter.MagnumEnergy-MMP175-30D-MiniMagnumPanel-W-175A-DC30A-DualBreaker.jpg" alt="" title="MagnumEnergy-MMP175-30D-MiniMagnumPanel-W-175A-DC30A-DualBreaker.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.MorningstarSureSine-SI-300-220-PureSineWave.jpg" alt="" title="MorningstarSureSine-SI-300-220-PureSineWave.jpg"><img src="./images/Inverter.MorningstarSureSine-SI-300-220-PureSineWave.jpg" alt="" title="MorningstarSureSine-SI-300-220-PureSineWave.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.OutBack-GVFX3648-3-6kW-48V-Grid-Tie.jpg" alt="" title="OutBack-GVFX3648-3-6kW-48V-Grid-Tie.jpg"><img src="./images/Inverter.OutBack-GVFX3648-3-6kW-48V-Grid-Tie.jpg" alt="" title="OutBack-GVFX3648-3-6kW-48V-Grid-Tie.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.OutBackSmartRE-SRE2500-120-240-NA-Inverter-with-Battery-Enclosure.jpg" alt="" title="OutBackSmartRE-SRE2500-120-240-NA-Inverter-with-Battery-Enclosure.jpg"><img src="./images/Inverter.OutBackSmartRE-SRE2500-120-240-NA-Inverter-with-Battery-Enclosure.jpg" alt="" title="OutBackSmartRE-SRE2500-120-240-NA-Inverter-with-Battery-Enclosure.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.OutBack-VFX2812M-InverterCharger-RV-MobileUsewithCover-2800-Watts-12Volt-120VAC-60Hz.jpg" alt="" title="OutBack-VFX2812M-InverterCharger-RV-MobileUsewithCover-2800-Watts-12Volt-120VAC-60Hz.jpg"><img src="./images/Inverter.OutBack-VFX2812M-InverterCharger-RV-MobileUsewithCover-2800-Watts-12Volt-120VAC-60Hz.jpg" alt="" title="OutBack-VFX2812M-InverterCharger-RV-MobileUsewithCover-2800-Watts-12Volt-120VAC-60Hz.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.Power-One PVI-CENTRAL-300-US-480V.jpg" alt="" title="Power-One PVI-CENTRAL-300-US-480V.jpg"><img src="./images/Inverter.Power-One PVI-CENTRAL-300-US-480V.jpg" alt="" title="Power-One PVI-CENTRAL-300-US-480V.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.Power-One-Aurora-PVI-12-0-I-OUTD-S2-480V-Isoluted.jpg" alt="" title="Power-One-Aurora-PVI-12-0-I-OUTD-S2-480V-Isoluted.jpg"><img src="./images/Inverter.Power-One-Aurora-PVI-12-0-I-OUTD-S2-480V-Isoluted.jpg" alt="" title="Power-One-Aurora-PVI-12-0-I-OUTD-S2-480V-Isoluted.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.Power-One-PVI-CENTRAL-50-US-480V.jpg" alt="" title="Power-One-PVI-CENTRAL-50-US-480V.jpg"><img src="./images/Inverter.Power-One-PVI-CENTRAL-50-US-480V.jpg" alt="" title="Power-One-PVI-CENTRAL-50-US-480V.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.PV-Powered-PVP75kW-208VAC.jpg" alt="" title="PV-Powered-PVP75kW-208VAC.jpg"><img src="./images/Inverter.PV-Powered-PVP75kW-208VAC.jpg" alt="" title="PV-Powered-PVP75kW-208VAC.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.PV-Powered-PVP500kW-480VAC.jpg" alt="" title="PV-Powered-PVP500kW-480VAC.jpg"><img src="./images/Inverter.PV-Powered-PVP500kW-480VAC.jpg" alt="" title="PV-Powered-PVP500kW-480VAC.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.PV-Powered-PVP4800-SD-240.gif" alt="" title="PV-Powered-PVP4800-SD-240.gif"><img src="./images/Inverter.PV-Powered-PVP4800-SD-240.gif" alt="" title="PV-Powered-PVP4800-SD-240.gif" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.Samlex-America-PSE-12175A.gif" alt="" title="Samlex-America-PSE-12175A.gif"><img src="./images/Inverter.Samlex-America-PSE-12175A.gif" alt="" title="Samlex-America-PSE-12175A.gif" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.Samlex-America-PST-150S-24A.gif" alt="" title="Samlex-America-PST-150S-24A.gif"><img src="./images/Inverter.Samlex-America-PST-150S-24A.gif" alt="" title="Samlex-America-PST-150S-24A.gif" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.Samlex-America-SK2000-112.gif" alt="" title="Samlex-America-SK2000-112.gif"><img src="./images/Inverter.Samlex-America-SK2000-112.gif" alt="" title="Samlex-America-SK2000-112.gif" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.SatCon-PowerGateHybrid-100kW-480VAC.png" alt="" title="SatCon-PowerGateHybrid-100kW-480VAC.png"><img src="./images/Inverter.SatCon-PowerGateHybrid-100kW-480VAC.png" alt="" title="SatCon-PowerGateHybrid-100kW-480VAC.png" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.SatCon-PowerGatePlus-PVS-30-30kW-480VAC.jpg" alt="" title="SatCon-PowerGatePlus-PVS-30-30kW-480VAC.jpg"><img src="./images/Inverter.SatCon-PowerGatePlus-PVS-30-30kW-480VAC.jpg" alt="" title="SatCon-PowerGatePlus-PVS-30-30kW-480VAC.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.SatCon-Solstice-100kW-480VAC-Inverter-and-4-CombinerBoxes.png" alt="" title="SatCon-Solstice-100kW-480VAC-Inverter-and-4-CombinerBoxes.png"><img src="./images/Inverter.SatCon-Solstice-100kW-480VAC-Inverter-and-4-CombinerBoxes.png" alt="" title="SatCon-Solstice-100kW-480VAC-Inverter-and-4-CombinerBoxes.png" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.SMA-SunnyBoy-9000TL-US.png" alt="" title="SMA-SunnyBoy-9000TL-US.png"><img src="./images/Inverter.SMA-SunnyBoy-9000TL-US.png" alt="" title="SMA-SunnyBoy-9000TL-US.png" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.SMA-SunnyIsland-5048-U.png" alt="" title="SMA-SunnyIsland-5048-U.png"><img src="./images/Inverter.SMA-SunnyIsland-5048-U.png" alt="" title="SMA-SunnyIsland-5048-U.png" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.SMA-SunnyTower-ST42-System.jpg" alt="" title="SMA-SunnyTower-ST42-System.jpg"><img src="./images/Inverter.SMA-SunnyTower-ST42-System.jpg" alt="" title="SMA-SunnyTower-ST42-System.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.SolarEdge-SE3300US-w-20-Add-On-Box.jpg" alt="" title="SolarEdge-SE3300US-w-20-Add-On-Box.jpg"><img src="./images/Inverter.SolarEdge-SE3300US-w-20-Add-On-Box.jpg" alt="" title="SolarEdge-SE3300US-w-20-Add-On-Box.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.Solectria-PVI-10kW-480VAC.jpg" alt="" title="Solectria-PVI-10kW-480VAC.jpg"><img src="./images/Inverter.Solectria-PVI-10kW-480VAC.jpg" alt="" title="Solectria-PVI-10kW-480VAC.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.Solectria-PVI-1800.jpg" alt="" title="Solectria-PVI-1800.jpg"><img src="./images/Inverter.Solectria-PVI-1800.jpg" alt="" title="Solectria-PVI-1800.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.Solectria-SGI-300kW-480VAC.jpg" alt="" title="Solectria-SGI-300kW-480VAC.jpg"><img src="./images/Inverter.Solectria-SGI-300kW-480VAC.jpg" alt="" title="Solectria-SGI-300kW-480VAC.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.Xantrex-GT-500-MVX-3-phase.jpg" alt="" title=".Xantrex-GT-500-MVX-3-phase.jpg"><img src="./images/Inverter.Xantrex-GT-500-MVX-3-phase.jpg" alt="" title=".Xantrex-GT-500-MVX-3-phase.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.Xantrex-PROwatt-TrueSineWave-2000W.jpg" alt="" title="Xantrex-PROwatt-TrueSineWave-2000W.jpg"><img src="./images/Inverter.Xantrex-PROwatt-TrueSineWave-2000W.jpg" alt="" title="Xantrex-PROwatt-TrueSineWave-2000W.jpg" class="preview"></a></li>
<li><a href=""><img src="./images/Inverter.Xantrex-XW4024-Export-230-vac-4000-Watt-24V-XF Series-Hybrid-Inverter-Charger.jpg" alt="" title=".Xantrex-XW4024-Export-230-vac-4000-Watt-24V-XF Series-Hybrid-Inverter-Charger.jpg"><img src="./images/Inverter.Xantrex-XW4024-Export-230-vac-4000-Watt-24V-XF Series-Hybrid-Inverter-Charger.jpg" alt="" title=".Xantrex-XW4024-Export-230-vac-4000-Watt-24V-XF Series-Hybrid-Inverter-Charger.jpg" class="preview"></a></li>

</ul></div>
</div>
</body>
</html>
Sincerely,

Barbara Lolmaugh
http://www.websitesbybarbara.com

User avatar
BaconFries
 
 
Posts: 4189
Joined: Thu Aug 16, 2007 7:32 pm

Re: Hoverbox Image Gallery ***Updated 25/09/11****

Post by BaconFries » Fri Apr 06, 2012 10:26 pm

Hi Barbara the code that I have shown comes from the CSS file of the Hoverbox extension you can find it were you save your project files look for a folder name css inside there will be two files one named hoverbox.css the other ie_fixes.css the hoverbox.css will show the height/width of the thumbmails you have set and the larger height/width...it is late here in the UK so I am turning in for the night...I will answer anything you ask tomorrow...

bjlolmaugh
 
 
Posts: 58
Joined: Thu Nov 15, 2007 2:36 pm
Contact:

Re: Hoverbox Image Gallery ***Updated 25/09/11****

Post by bjlolmaugh » Fri Apr 06, 2012 11:32 pm

Based on what you are telling me, there is only ONE css file for any and all Hover Box extensions, per site. So if I have multiple Hover Boxes on the website (different pages), all of them will use the properties of that one CSS file. Since each Hover Box has different perimeters, then I need to isolate each Hover Box in it's own folder. I have done that now and all is working fine.

I'm not sure if this information has already been discussed on this thread.
Sincerely,

Barbara Lolmaugh
http://www.websitesbybarbara.com

User avatar
BaconFries
 
 
Posts: 4189
Joined: Thu Aug 16, 2007 7:32 pm

Re: Hoverbox Image Gallery ***Updated 25/09/11****

Post by BaconFries » Sat Apr 07, 2012 8:57 am

Hi Barbara well you have answered the question yourself :) Yes if you use one than one instance of the extension then it will overwrite all previous properties of all others, I may be able to do a workaround for this, I will se if it is possibe and try and get it implemented asap.

User avatar
BaconFries
 
 
Posts: 4189
Joined: Thu Aug 16, 2007 7:32 pm

Re: Hoverbox Image Gallery ***Updated 07/04/12****

Post by BaconFries » Sat Apr 07, 2012 10:10 am

***Updated HoverBox 07/04/12 ***
Extension has now ben update to allow the use of more than one Gallery per site please read PDF for more regarding this.

bjlolmaugh
 
 
Posts: 58
Joined: Thu Nov 15, 2007 2:36 pm
Contact:

Re: Hoverbox Image Gallery ***Updated 07/04/12****

Post by bjlolmaugh » Sat Apr 07, 2012 3:44 pm

Perfect. Thank You.
Sincerely,

Barbara Lolmaugh
http://www.websitesbybarbara.com

vantecsigns
 
 
Posts: 3
Joined: Mon Jan 23, 2012 12:26 am
Location: North Somerset UK
Contact:

Re: Hoverbox Image Gallery ***Updated 07/04/12****

Post by vantecsigns » Sun May 26, 2013 11:50 pm

Hi Guys,

Love this extension it's just what I am looking for, the only thing is it only shows 4 images across, could I set the amount of images scross ie 10 I would like horizontally or vertically. Thanks

User avatar
BaconFries
 
 
Posts: 4189
Joined: Thu Aug 16, 2007 7:32 pm

Re: Hoverbox Image Gallery ***Updated 07/04/12****

Post by BaconFries » Mon May 27, 2013 8:03 am

You can add 10 images across....When you add images you have to also stretch the length of the extension. To do this you simply grab the right handle of the extension and drag to the right. Once you preview you will see all images across. Please note that the extension must use the same width as the page it is on, this applies if you have cetered the page in WB.please read the pdf for all other info. At the moment i am unable to assit further as i do not have access to PC and only replying via phone.

vantecsigns
 
 
Posts: 3
Joined: Mon Jan 23, 2012 12:26 am
Location: North Somerset UK
Contact:

Re: Hoverbox Image Gallery ***Updated 07/04/12****

Post by vantecsigns » Mon May 27, 2013 8:29 am

Bacon Fries, got it done it thanks

derold
 
 
Posts: 71
Joined: Tue Feb 28, 2012 10:49 pm

Re: Hoverbox Image Gallery ***Updated 07/04/12****

Post by derold » Sun Mar 02, 2014 11:58 pm

wb8
I can't get the link to open in a new window i set it to _blank but it still opens in the same window am i doing something wrong?

User avatar
BaconFries
 
 
Posts: 4189
Joined: Thu Aug 16, 2007 7:32 pm

Re: Hoverbox Image Gallery ***Updated 07/04/12****

Post by BaconFries » Mon Mar 03, 2014 1:23 am

This is because there is no reference in the html to allow you to set the "target="_blank ", it only allows you to select a url/link from the properties even though there is a property for you to select a target.

Note I have no control over what properties get displayed in the extension, ie I cant disable it from opening as it does to allow you to add a target unless it is part of the html which it isnt sorry....

derold
 
 
Posts: 71
Joined: Tue Feb 28, 2012 10:49 pm

Re: Hoverbox Image Gallery ***Updated 07/04/12****

Post by derold » Mon Mar 03, 2014 2:46 am

OK I just added this between the head tags. <base target="_blank"> Now every thing opens in a new window.
Let me be clear on this. Adding <base target="_blank"> Between the page head tags will cause all links on the page to open in a new window even the navigation
will open in a new page.
Last edited by derold on Wed Mar 05, 2014 8:57 pm, edited 1 time in total.

User avatar
BaconFries
 
 
Posts: 4189
Joined: Thu Aug 16, 2007 7:32 pm

Re: Hoverbox Image Gallery ***Updated 07/04/12****

Post by BaconFries » Mon Mar 03, 2014 12:22 pm

:)

Post Reply

Who is online

Users browsing this forum: No registered users and 6 guests