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

[BaconFries]

If it doesnt covert for you with the convert tool then it wont convert for me as I would be using the same way to convert as yourself.. One reason why it wont convert is because you are required to have a registerd version of WB 7.x.x before you can use the convert tool...

[maniz]

Thanks for your quick replay.

My wb7 is register and is activated with my reg number & i m not using a pirate program . if you think the problem is this i can tell you is not . Please try is your extention and you the only one you can fixed and updated.
Maniz

[BaconFries]

I didnt say you were using a pirate version I said that you are required to have a registered version of WB7 before you can use the convert tool...If you have a registered version then you should have no problems using the convert tool...I have already tested the extension and it works fine....

[BaconFries]

The current version that is available is for WB7.5 only, previous versions have been removed. Please note I only deal with requests/help...through the forum so please remove yoyr email address or you may find that you will be spammed by spambots...

[BaconFries]

Yes this is correct extensions have been set to "Private" while I update them and upload to the "Extension Manager" in WB 7

[bjlolmaugh]

I am trying to download this extension from the link in the original post, but this is the message I get:

"This file is currently set to private.

When a file is set to private by its owner only the owner of the file can access it. If you are the owner of the file please log into your account to access this file.
If you believe you have reached this page in error, please contact support.
Click here to view our help resources"


Has the link been moved?

[BaconFries]

Hi Barbara the extension is set at private at the moment sorry, I am working my way through all my extension updating them with the latest builder and then uploading to the Extension Manager I will try and get this one available by the end of the day as this is one of the easier ones to update...

[bjlolmaugh]

Hi Barbara the extension is set at private at the moment sorry, I am working my way through all my extension updating them with the latest builder and then uploading to the Extension Manager I will try and get this one available by the end of the day as this is one of the easier ones to update...

Any guess of when this extension will be available again?

[BaconFries]

Hi I can't say when I will release this as I can't get access to forum
or the extension upload area.....using mobile/cell to reply to you....
everytime I try and enter I get timedout doesn't matter what browser till
I get this resolved I can't do anything...

[BaconFries]

Hi Barbara the extension is now ready and avaiable, you can download via the Extension Manager sorry for any inconvenience...

[bjlolmaugh]

Thanks for the update.
I have a few questions:
1. The extension uses some sample pictures on the object when dragged into the project. How do I get my pictures to show there?
2. How do I line them up as 4 across and then down?
3. Do all the pictures have to have the same dimension?
4. The properties show groups 1,2,3,& 5. Is there supposed to be a #4?

[BaconFries]

1. The extension uses some sample pictures on the object when dragged into the project. How do I get my pictures to show there

Just add your image through the extension properties...note they will not show to you preview..;

How do I line them up as 4 across and then down?

At the moment it is just a matter of judging the size across, by this I mean lets say you have eight image each image is 200 px in width that equals 800 px the grab the handles at the corner of the extension and drag out to 800 you will se this in the Site manager>properties>Extension>General

Do all the pictures have to have the same dimension?

Yes all images must be in landscape and have the same size.

4. The properties show groups 1,2,3,& 5. Is there supposed to be a #4?

No this is just a typo in the PDF

[r3za]

hello there


the link is broken and i am unable to download the extention.

[BaconFries]

The link is not "Broken" it is avaialable to download with the "Extension Manager" in WYSIWYG Web Builder 7.x.x Tools> Extension Manager>galleries

[BaconFries]

***Updated 25/09/11**** to fix a small bug in image sizes

[BaconFries]

Is there a way to put all 20 in one gallery with spaces beneath for text and buttons

No the extension or original script used does does not support spacing below each row of image if you add 5 images per row then the padding between each row will be the same no mater if you use 20 or 200 images.

You should be able to just use multiple instances of the extension with as many images per row as you require, spacing each extension/ row to what you require so that you can add text/buttons below each image.

[bjlolmaugh]

When I hover over a thumbnail, the pop up image is larger than it is supposed to be.
Here's a link: http://www.paradigmsolarllc.com/products-roof.html

The pop up display should be 200 x 200, which is what I set the extension to be, but the larger image distorts it.

How do I resolve this?

[BaconFries]

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]

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

HoverBox.jpg

[bjlolmaugh]

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>

[BaconFries]

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]

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.

[BaconFries]

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.

[BaconFries]

***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]

Perfect. Thank You.

[BaconFries]

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.

[derold]

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?

[BaconFries]

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]

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.

[BaconFries]

[quando24]

Hoi where can i download it. ?

[BaconFries]

The extension is no longer available sorry.