close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Photo Gallery Design issue

Thread began 3/28/2012 9:47 am by massimo173451 | Last modified 6/17/2013 4:53 pm by Jason Byrnes | 1588 views | 7 replies |

massimo173451

Photo Gallery Design issue

Hi there,

How is possible change the format Design (width + height) for adjust the frame and fit it in the page? And when choose the Slideshow - Wide as desing the images showed are not fitted in the screen why, is there a solution for this strange behaviour??


Massimo

Sign in to reply to this post

Jason ByrnesWebAssist

please post a link where i can see the problem to investigate a solution.

Sign in to reply to this post

massimo173451

The link is www.tessyacconciature.it, I have used both design (Slideshow-wide and Ribbon + Lightbox) for show what happens, but if use other frames especially Ribbon + Lightbox for Powerstore is not showed entirely.

Sign in to reply to this post

Jason ByrnesWebAssist

for the ribbon lightbox gallery, you need to set the width of the thiumbnail ribbon to fit in the space you have available.

in the galleries/ribbon_lightbox/css/common.css, edit the following class:

.pg-rl .ribbon .thumbs-wrapper {
padding: 9px 10px 9px 1px;
background-color: #303030;
border-top: none;
overflow: hidden;
height: 70px;
width: 791px;
float: left;
}




and change the width to 500px:

width: 550px;




for the slideshow wide gallery, you need to edit the galleries/slideshow_wide/index.php file, in the image tag:

php:
<img <?php echo($i==0?"":'class="startHidden"'); ?>  src="<?php echo($gallery['images'][$i]['fullsize']['url']); ?>" alt="<?php echo((strlen($gallery['images'][$i]['title']) > '<span>' str_replace("\n","",$gallery['images'][$i]['title']) . ':</span> ' '') . preg_replace("/[\r\n]*/","",$gallery['images'][$i]['description'])); ?>" width="958" height="220px"/>



you need to edit the width:
width="958"

you can set this to use 550 as well:
width="550"

or experiment to find the width that works best for you.

Sign in to reply to this post

massimo173451

Thank you Jason now is clear, the last thing how I modify the text buttons PREV, NEXT and CLOSE on image selected in the gallery (see image attached)?



Massimo

Sign in to reply to this post

Jason ByrnesWebAssist

the Prev, Next, and Close links in the lightbox are images. they are stored in the css/slimbox folder.

Sign in to reply to this post

Patrice

I am running into this too.

http://castlerockconstruction.com/2013powergallery/galleries/ribbon_lightbox/index.php?gallery=15&theme=light
I want it to look like screen shot from Firefox, using Firebug to edit the common css file.
http://castlerockconstruction.com/2013powergallery/galleries/ribbon_lightbox/css/common.css
I am changing to 350 pixels wide. I appears I have changed it but not getting the result I want.
Thanks as always.

Sign in to reply to this post

Jason ByrnesWebAssist

In Power Gallery 2, go to the Choose design page and edit the ribbon_lightbox design

select the Images section, and you can change the Thumbnail size that will be used.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...