Changing Promo

I assume I am using the right term. The PromoBlock is the big pictures that rotate on the default install. It is controlled by a javascript and it loads the images in a folder.

 

My problem is that I have changed the dimensions of the pictures I am using. I put them in the folder and the system recognizes them. BUT......  it allocates the same dimensions as the old pics. So now, my pictures are surrounded  by way too much space.

 

Also, (it seems that this happens in an inconsistent manner) the pictures doe not always display right. Sometimes it shows only the left half of the picture. Odd.

 

I can't see where to change this setting in the code.  Here is the site (using free version for now).

 

http://motorsport.iowalink.com

 

David P

Quote · 16 Jun 2008

Yeah I brought this up on Boonex members blog posts a couple times...the code behind the promo image will resize the image improperly something like 30% of the time, whether using IE or Firfox.  I never got an answer on whether this would be fixed so I got proactive.  I went out and found a free image rotator script on the web and plugged it in.  I documentetd my steps but I'm not at home and don't have it in front of me at the moment.  But basically I did this:

 

1.  Decide on a page width for your index page and commit to it.  This is because you'll be disabling the Dolphin image rotator, so the images that you place in your own rotator script will not auto-resize if you change your width later.

 

2.  Google free javascript image rotator. They're a dime a dozen on the web, find one that does what you like..I chose one that loads a new image when the broswer is refreshed, rather than flashing through them, which I find annoying.

 

3.  Once you have the code for the new script, go into Dolphin admin panel basic settings and choose "Use Custom HTML Block"  Don't bother entering the code here, just hit save.

 

4.  Now open templates\tmpl_uni\page_1.html.  There is a line in there that says  __promo_code__   Replace that piece of code with your image rotator javascript code.  This will put your new image rotator front and center where the old Dolphin rotator used to be.

 

Your new script will have instructions about where you should place your images and how to call them.  You may need to manually code the image names into the script....depends on which script you pick. 

 

Anyway hope that helps. 

Quote · 16 Jun 2008

You can edit the javascript for it in the folder inc/js

----
Quote · 17 Jun 2008

You will need to alter the ratio in inc/design.inc.php, inc/js/jquery.dolPromo.js and inc/js/jquery.dolPromoT.js

Change line:

var fRatio = fRatio || 0.28125; //main div size proportion (height/width)


In the .js files Just alter 0.28125 to a smaller number for reduced height and larger number to increase height.

Change the same number to match in design.inc.php at

$( '#indexPhoto' ).dolPromo( 6000, 0.28125 );

You can Alter the margins inside of yourtemplate/css/index.css

.bodyBlock

&

#indexPhoto

Check it out http://www.truckbuddies.com

Quote · 19 Jul 2008

wrong thread  ..... 
.

Quote · 7 Jun 2009
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.