close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Maximum number of Photos in Gallery

Thread began 1/09/2014 5:17 pm by Roz431315 | Last modified 1/13/2014 1:25 pm by Jason Byrnes | 922 views | 5 replies |

Roz431315

Maximum number of Photos in Gallery

Hi Jason,

Do Galleries have a maximum number of photos that can be added? When adding the eleventh photo to the "New Arrivals" gallery the Photo does not appear in the gallery on the index page.... This is a gallery that Ray had programmed. I believe it's a copy of RibbonLightbox.

When you add a product and add it to the New Arrivals category... it shows up in the New arrivals gallery on the index page.

When you scroll to the 11th photo (vintage 1960s...hippie bag) and click on it. no photo is displayed, when you select next then prev, etc eventually the photos do not match the description. The hippie bag ends up with a photo that was next to it.

The folder with the code is Galleries\new_arrivals

I will post the info you need in a PM

Second question:
Jason while looking into the above issue, I'm trying to move the (LEARN MORE) on this gallery up near the (Close ) button. I found the code but note sure what to move. see below: lines 30-71
Galleries\new_arrivals\js\gallery.js

//-----

//thumbs
this.thumbs = {
images: this.wrapper.getElements('.thumbs img'),
imagesSrc: []
};

this.thumbs.images.each(function(thumb) {
//store thumbnail info
var parts = thumb.get('title').split('##');
thumb.set('title', '');
thumb.store('index', parts[0]);
thumb.store('title', parts[1].length > 0 ? parts[1] + ':' : ' ');
thumb.store('tip:title', parts[1]);
thumb.store('description', parts[2]);
thumb.store('tip:text', parts[2]);

//click
thumb.addEvent('click', function() {
this.showImage(arguments[0]);
if (!document.getElementById('lbLearnMore')) {
var learnmorelink = new Element('a');
learnmorelink.setAttribute('id','lbLearnMore');
learnmorelink.setAttribute('class','ps_buttons');
learnmorelink.setAttribute('style','float:right;margin: 0 0 10px 0;');
var txt = document.createTextNode("Learn More");
learnmorelink.appendChild(txt);
document.getElementById('lbBottom').appendChild(learnmorelink);
} else {
learnmorelink = document.getElementById('lbLearnMore');
}
learnmorelink.setAttribute('href',"products_detail.php?ProductID=" + thumb.getAttribute("rel"));


///innerHTML += '<input type="button" id="lbLearnMore" class="ps_buttons" style="float:right;margin: 0 0 10px 0;" value="Learn More" >';


return false;
}.bind(this, parts[0]));
}.bind(this));

Sign in to reply to this post

Jason ByrnesWebAssist

i think this is being caused by the file name:
beadbag-(2)_1.jpg

the -(2) is being interpreted as Minus 2 and going backwards in the image array.

when you upload images you should avoid using file names that contain hyphens and parenthesis. i bet if you rename that image and upload it again, it will not have the same problem.


I moved the lear more link to the top.

Sign in to reply to this post

Roz431315

Thanks Jason, it was the file name.

Could you tell me which file you updated to move the link (LEARN MORE) up near the (Close ) button?

Sign in to reply to this post

Jason ByrnesWebAssist

it was the Galleries\new_arrivals\js\gallery.js file

Sign in to reply to this post

Roz431315

Hi Jason, just notice the in Firefox v25.0.1 and Chrome 31.0.1650.63 the "LEARN MORE" is still on the bottom.

Seems to wotk fine in IE and safaria

Sign in to reply to this post

Jason ByrnesWebAssist

Not on my system.

clear the bowsers cache.

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...