Forum Support

Shape 5
March 29, 2024, 06:30:23 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Slideshow Main Images  (Read 527 times)
sovaka
Jr. Member
**
Offline Offline

Posts: 6



« on: October 02, 2008, 11:42:18 PM »

hey
Was curious how I would go about centering the images within the Slideshow frame?
Generally when images are referenced to, since it doesnt automatically scale the images down to fit, manually scaling needs to be done.
Since all images don't share the same aspect ration of Slideshow Advance, gaps are left on the right side of images.
Looking quite ugly.
Also, on that note, if you have a large image as say Slide #2, and then a smaller image as Slide #3, you can still see Slide #2 on the over hang of Slide #3 since its width is shorter then Slide #2.
Anyway to fix that too?

Thanks Smiley
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: October 13, 2008, 11:57:53 AM »

Hello,

To center them you'll need to use a photo editing program and save them centered.

You either need to make the slideshow image area smaller in width/height or just make the smaller images fit the entire area, if not the images below will show up because each image fades into the next one, thus it needs to be right behind it.

Regards,
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
henkbos
Jr. Member
**
Offline Offline

Posts: 34



« Reply #2 on: January 17, 2009, 04:28:49 AM »

I have the same 'problem'. WOuldn't it be easier to make a change in this part of the script:
function blendimage2(divid, imageid, imagefile, millisec) {
   var speed = Math.round(millisec / 100);
   var timer = 0;
   //set the current image as background
   document.getElementById(divid).style.backgroundImage =
document.getElementById(s5_backgroundimage).style.backgroundImage;
   //make image transparent
   changeOpac(0, imageid);
   //make new image
   document.getElementById(divid).style.backgroundImage = imagefile;
   //fade in image
   for(i = 0; i <= 100; i++) {
      setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
      timer++;
   }}

Any suggestion how to do that would be appreciated. I can even create a black image for that purpose. Editing the pictures for this purpose is not an option. You will have to create a frame around each picture to get rid of the on in the background.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.