Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › PowerGallery › PowerGallery General / Announcements › Image Resize and to Mask any Photo Description

Image Resize and to Mask any Photo Description

Thread began 7/28/2011 6:44 am by pcondon1390228 | Last modified 7/29/2011 1:52 pm by Jason Byrnes | 1690 views | 3 replies |

7/28/2011 6:44 am | #1 pcondon1390228

Image Resize and to Mask any Photo Description

Hi, I hope you can help.

I have downloaded the latest powergallery 1.2.2 and have it on the following page
little_me_photo1.php. The page only allows for 7 thumbnails to be displayed at a time and I have altered the css for this. However I have two questions:

1) How do I resize the main image as this is currently too large?

2) I also want to hide any caption/description to the photos as the client does not want these to show. In the documentation I have read it indicates option in the gallery.js file for to set the caption to "false" however this is not in the file.

Can you help please

7/28/2011 11:31 am | #2 Jason ByrnesWebAssist

1) see this post for details on changing the image size:
showpost.php?p=36751&postcount=2

2) To remove the image title from the full size image, change the following code in the gallery.js file:

//fullsize
		this.fullsize = {
			images: this.wrapper.getElement('.fullsize').getElements('img[class!="loader-image"]'),
			imagesSrc: [],
			width: this.wrapper.getElement('.fullsize').getStyle('width').toInt(),
			height: this.wrapper.getElement('.fullsize').getStyle('height').toInt(),
			title: this.wrapper.getElement('.title').getElement('.fullsize-title'),
			description: this.wrapper.getElement('.title').getElement('.fullsize-description'),
			loader: this.wrapper.getElement('.fullsize').getElement('.loader')
		};

to:

//fullsize
		this.fullsize = {
			images: this.wrapper.getElement('.fullsize').getElements('img[class!="loader-image"]'),
			imagesSrc: [],
			width: this.wrapper.getElement('.fullsize').getStyle('width').toInt(),
			height: this.wrapper.getElement('.fullsize').getStyle('height').toInt(),
			loader: this.wrapper.getElement('.fullsize').getElement('.loader')
		};

7/29/2011 1:16 am | #3 pcondon1390228

Removal of Thumbnail description text etc

Many Thank for this,

but I also want to remove all description text etc on each of the thumbnails as well as on the main image.Please look at now little_me_photo.php as I have now moved the page on the test site.

Many Thanks

7/29/2011 1:52 pm | #4 Jason ByrnesWebAssist

ok, to remove the tooltips as well, change this code:

//tooltips
		this.tips = new Tips(this.thumbs.images, {
			className: 'pg-rf-tip',
			offset: {'x': -100, 'y': -105},
			showDelay: 1,
			hideDelay: 1,
			onShow: function(tip) {
				this.options.offset.y = this.tip.getSize().y * -1 - 15;
				this.tip.setStyle('top', (pgMousePosition.y + this.options.offset.y) + 'px');
				this.tip.fade('show');
			},
			onHide: function(tip) {
				this.tip.fade('hide');
				this.tip.setStyle('top', '0px');
			}
		});

to:

//tooltips
		/*this.tips = new Tips(this.thumbs.images, {
			className: 'pg-rf-tip',
			offset: {'x': -100, 'y': -105},
			showDelay: 1,
			hideDelay: 1,
			onShow: function(tip) {
				this.options.offset.y = this.tip.getSize().y * -1 - 15;
				this.tip.setStyle('top', (pgMousePosition.y + this.options.offset.y) + 'px');
				this.tip.fade('show');
			},
			onHide: function(tip) {
				this.tip.fade('hide');
				this.tip.setStyle('top', '0px');
			}
		});*/

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.