DMXzone Easter Sale! Use Promo Code: DMXEASTER20 for 20% discount!

Sliding Billboard Support Product Page

Issue with all billboard images displaying down the page when it loads

Reported 18 Nov 2009 23:52:13
1
has this problem
18 Nov 2009 23:52:13 lee murray posted:
Hi, I've mentioned this before in a previous post but I've created a billboard which works how I want it to, but when I load any page that has the billboard embeded, in IE it displays all images down the page when it first loads, evey time, see: www.thehairrestorationclinic.co.uk/test.html,
George posted that there is a problem whith IE and a 'hack' could be the soloution, what should I be searching for to find such a hack, is there any way you could include some details to prevent the above happening,

Kind Regards,

Lee.
Edited by - lee murray on 18 Nov 2009  23:52:50

Replies

Replied 19 Nov 2009 19:31:56
19 Nov 2009 19:31:56 lee murray replied:
thanks again but how you suggest gets:

www.thehairrestorationclinic.co.uk/test.html

Regards,

Lee.
Replied 19 Nov 2009 23:37:49
19 Nov 2009 23:37:49 George Petrov replied:
Sorry Lee - seems this can't be improved with a short fix.

We really need to build this in the next update as it is much more complicated.

So please remove all hacks for now and leave the Sliding Billboard as generated.

We hope to have the update ready soon.

Greetings,
George
Replied 23 Nov 2009 11:56:30
23 Nov 2009 11:56:30 lee murray replied:
Hi, is the update likely to be ready this week?

Regards,

Lee.
Replied 23 Nov 2009 17:07:23
23 Nov 2009 17:07:23 Patrick Julicher replied:
Hi Lee,

Not likely. The next two weeks are fully booked. An update will be released in two weeks at the earliest.

Kind regards, Patrick
Replied 23 Nov 2009 19:32:28
23 Nov 2009 19:32:28 lee murray replied:
Hi, really disappointed that it cant be done sooner, in reality the billboard can not be added to a page that has any content/design underneath it, but no mention of this when buying it.

Regards,

Lee.
Replied 23 Nov 2009 19:44:41
23 Nov 2009 19:44:41 George Petrov replied:
Sorry for that Lee,

But this is an IE only cosmetic problem that we hope to be able to fix with an update by doing many IE hacks. However this takes research and testing time and I hope we succeed ... we don't want to break other browsers compatibility.

Greetings,
George

Replied 23 Nov 2009 20:07:03
23 Nov 2009 20:07:03 lee murray replied:
sorry George, I dont want to seem like i'm giving you a tough time but I get the problem with firefox as well,

Regrds,

Lee.
Replied 25 Nov 2009 13:15:48
25 Nov 2009 13:15:48 lee murray replied:
Just to make sure your realise the problem I am having, it is with Firefox, Safari and IE, have a look at:

www.thehairrestorationclinic.co.uk/index.php

Can someone please get back to me on this, as I say all images in the billboard when the page loads appear down the page, can you find a solution for this?

Regrds,

Lee.
Replied 25 Nov 2009 16:27:46
25 Nov 2009 16:27:46 George Petrov replied:
Hi Lee,

In Firefox to loading goes really fast so the visibility isn't a big issue.

We will be solving the problem by introducing a new option to make the billboard invisible initially till it is fully loaded. So this will solve any visual loading issues.

The downside is that if people don't have javascript enabled they won't see the billboard at all. However this isn't a big issue as everybody have javascript enabled this days.

Greetings,
George
Replied 25 Nov 2009 16:32:16
25 Nov 2009 16:32:16 lee murray replied:
Hi George,

thanks for the reply, do you have the code now to add to the billboard to do as you say or do I have to wait for update?

Regards,

Lee.
Replied 25 Nov 2009 17:02:29
25 Nov 2009 17:02:29 George Petrov replied:
Hi Lee,

Sorry you have to wait a bit, the code is not that easy - as soon as I have a beta version ready I will send it to you.

Greetings,
George
Replied 09 Jan 2010 12:38:50
09 Jan 2010 12:38:50 lee murray replied:
Hi, I've installed the update and it has updated the billboard, but this now effects the layout of the page, see:

www.thehairrestorationclinic.co.uk/update/index.php

the updated code for the billboard is:

<script language="javascript" type="text/javascript" src="../ScriptLibrary/jquery-latest.pack.js"></script>
<script language="javascript" type="text/javascript" src="../ScriptLibrary/jquery.easing.1.3.js"></script>
<script language="javascript" type="text/javascript" src="../ScriptLibrary/jquery.mousewheel.pack.js"></script>
<script language="javascript" type="text/javascript" src="../ScriptLibrary/dmxSlidingBillboard.js"></script>
<link rel="stylesheet" type="text/css" href="../Styles/dmxSlidingBillboard.css" />
<link rel="stylesheet" type="text/css" href="../Styles/dmxSlidingBillboard/apple_inspired_light/apple_inspired_light.css" />
</head>

<body>
<div class="dmxBillboard apple_inspired_light" id="billboard1" style="width:600px;height:200px;">
<div class="dmxBillboardHeader">
<div class="dmxBillboardSectionNav">
<a href="#sec_Section_1">Section 1</a>
<div style="clear:both"></div>
</div>
<div style="clear:both;"></div>
</div>
<div class="dmxBillboardView layout-left">
<ul id="sec_Section_1" title="Section 1">
<li onclick="document.location='products.php'"><a href="locking_mist--16.html" target="_self">
<img src="images/nanogen-prods/n-lockingmist-s.gif" border="0" alt="Locking Mist" />
</a>
<p><strong>Locking Mist:</strong></p>
<p>The perfect companion to Nanofibres...</p>
<p> <a href="locking_mist--16.html">More Info</a></p>
</li>
<li onclick="document.location='treatments.php'">
<a href="nanocaps--11.html" target="_self">
<img src="images/nanogen-prods/n-nanocaps-s.gif" border="0" alt="Nanocaps" />
</a>
<p><strong>Nanocaps: </strong></p>
<p>Non-prescription Patented
Oral hair loss treatment...
</p>
<p> <a href="nanocaps--11.html">More Info</a></p>
</li>
<li onclick="document.location='treatments.php'">
<a href="nanofibres--15.html" target="_self">
<img src="images/nanogen-prods/n-nanofibres-s.gif" border="0" alt="Nanofibres" />
</a>
<p><strong>Nanofibres: </strong></p>
<p>Ultra fine Microfibre hair camouflage...</p>
<p> <a href="nanofibres--15.html">More Info</a></p>
</li>
<li onclick="document.location='treatments.php'">
<a href="nangaine--14.html" target="_self">
<img src="images/nanogen-prods/n-nanogaine-s.gif" border="0" alt="Nangaine" />
</a>
<p><strong>Nangaine: </strong></p>
<p>Clinically tested Re-growth Serum...</p>
<p> <a href="nangaine--14.html">More Info</a></p>
</li>
<li onclick="document.location='treatments.php'">
<a href="nanoguard_a--12.html" target="_self">
<img src="images/nanogen-prods/n-nanoguarda-s.gif" border="0" alt="Nanoguard A" />
</a>
<p><strong>Nanoguard A: </strong></p>
<p>Anti DHT Shampoo
with Root Defence System...
</p>
<p> <a href="nanoguard_a--12.html">More Info</a></p>
</li>
<li onclick="document.location='treatments.php'">
<a href="nanoguard_b--13.html" target="_self">
<img src="images/nanogen-prods/n-nanoguardb-s.gif" border="0" alt="Nanoguard B" />
</a>
<p><strong>Nanoguard B:</strong></p>
<p>Growth phase Activator...</p>
<p> <a href="nanoguard_b--13.html">More Info</a></p>
</li>
<li onclick="document.location='treatments'">
<a href="nanothik_conditioner--17.html" target="_self">
<img src="images/nanogen-prods/n-nanothikconditioner-s.gif" border="0" alt="Nanothik Conditioner" />
</a>
<p><strong>Nanothik Conditioner:</strong></p>
<p>Hair thickening products...
</p>
<p> <a href="nanothik_conditioner--17.html">More Info</a></p>
</li>
<li onclick="document.location='treatments.php'">
<a href="nanothik_spray--18.html" target="_self">
<img src="images/nanogen-prods/n-nanothikspray-s.gif" border="0" alt="Nanothik Spray" />
</a>
<p><strong>
Nanothik Spray: </strong></p>
<p>Hair thickening products...</p>
<p> <a href="nanothik_spray--18.html">More Info</a></p>
</li>
<li onclick="document.location='treatments.php'">
<a href="titanium_microneedle_scalp_roller--7.html" target="_self">
<img src="images/nanogen-prods/n-scalproller-l-s.gif" border="0" alt="Scalp Roller" />
</a>
<p><strong>
Titanium Microneedle Scalp Roller: </strong></p>
<p>Safe for men & women...</p>
<p> <a href="titanium_microneedle_scalp_roller--7.html">More Info</a></p>
</li>
<li onclick="document.location='treatments.php'">
<a href="titanium_microneedle_scalp_roller--7.html" target="_self">
<img src="images/nanogen-prods/n-onescalp-s.gif" border="0" alt="Onescalp:" />
</a>
<p><strong>
Onescalp: </strong></p>
<p>Onescalp 4in1 Shampoo specially...</p>
<p> <a href="onescalp--9.html">More Info</a></p>
</li>
</ul>
</div>
<div class="dmxBillboardFooter">
<div class="dmxBillboardPageNav"></div>
<div style="clear:both;"></div>
</div>
<div class="dmxBillboardLeftNav inside"></div>
<div class="dmxBillboardRightNav inside"></div>
</div>
<script type="text/javascript">
// <![CDATA[
jQuery("#billboard1".dmxSlidingBillboard(
{scrollDuration:"normal", design:"apple_inspired_light", sideNavPos:"inside", horizontal:false, keyboard:true, mousewheel:true, imageMaxWidth:"50%"} );
// ]]>
</script>

the old billboard fitted in ok, see:

www.thehairrestorationclinic.co.uk/index.php

Any solution would be appriciated,

Lee.
Replied 15 Jan 2010 12:02:53
15 Jan 2010 12:02:53 lee murray replied:
QuoteHi Lee,

Sorry you have to wait a bit, the code is not that easy - as soon as I have a beta version ready I will send it to you.

Greetings,
George
Hi, any chance someone could give me a reply?

Lee.
Replied 15 Jan 2010 12:17:22
15 Jan 2010 12:17:22 George Petrov replied:
Hi lee,

I've investigated your code but seems the whole javascript code on the pages is all in different places and corrupted.

Could you please recreate the page from scratch? I think it will be easier then fixing all the code manually.

Make sure you have the latest SBB version and you should be fine. i think something went wrong in the transition from the previous version and the manual code adjustments you have made.

So let me know how it goes.

Greetings,
George

Reply to this topic