Gallery/Pinterest Help

Looking for a gallery to embed into a website. Client wants to ability to add a pinterest pin button to each image in the gallery not just one image. Has anyone does this and what do you suggest?

You can do all of this with a little manual coding.
Use CSS to style the page layout.
Use jQuery Fancybox for the gallery.
Copy & paste your client's Pin It code into the Fancybox Title.
See tutorial below for details:
http://scottgale.com/using-pinterest-with-fancybox/2012/08/15/
Nancy O.

Similar Messages

Picture Gallery - Please help!!!!

Hey everyone
My images under my picture gallery are displayed (four images per row). How can I change it so there are three in a row.  My images are also bad quality when you view them as tiles. All my friends etc pictures are very clear. Your help will be greatly appreciated (curve 8520)

No need to post twice...your answer was given in your other post:
http://supportforums.blackberry.com/t5/BlackBerry-Storm-BlackBerry-9500/Picture-Gallery-Please-help/...
Good luck!
Occam's Razor nearly always applies when troubleshooting technology issues!
If anyone has been helpful to you, please show your appreciation by clicking the button inside of their post. Please click here and read, along with the threads to which it links, for helpful information to guide you as you proceed. I always recommend that you treat your BlackBerry like any other computing device, including using a regular backup schedule...click here for an article with instructions.
Join our BBM Channels
BSCF General Channel
PIN: C0001B7B4   Display/Scan Bar Code
Knowledge Base Updates
PIN: C0005A9AA   Display/Scan Bar Code

Gallery script help, please

Gallery script help, please
Hello,
I'm new to actionscript in general, I do know a little...
I foung a gallery script, modified many things, the images
open fine, everything is working, but here's the thing:
the gallery is in 3 sections, red, blue and yellow.
I would like to know how, what, and where to put a script so
that if a "the small red image #1" is clicked, I can load any sort
of a movie on top of the "the BIG red image #1" or #2 or 3 and so
on...same goes for the blue and yellow...
If I figured things correctly on my own...the small thumbnail
images of the gallery are not buttons, that's why I can't attach a
movie (let's say) to them...but it is all written in script, using
the horizontal and vertical position of the mouse to open the large
images of the gallery...
So, I don't know how to figure things out, to attach a
specific movie to a specific thumbnail...
p.s.: I think the script that controls the gallery is in
symbol 120
I really would appreciate the help
Merry Christmas in advance to everyone
Sandra
here are all the files...
http://www.gentro.ca/sandra_test.zip

There's a great tutorial on kirupa...
click
here for link

Magnify effect in photo gallery, need help...

Heya,
So if you visit
http://www.hookmedia.biz/cabinet_source/v4_f
and navigate to the "Gallery" page you'll see that, below the area
the large photo is displayed, there is a "film strip" of thumbnail
photo's. I need these photos to be magnified when you mouseover
them but I'm unsure of exactly how to do that. Can anyone help?
You can download the entire .fla via this link:
http://www.hookmedia.biz/cabinet_source/v4_f/index/fla
Once downloaded, double click on the main content area
(titled content_mc) and navigate to the second frame and open the
"photo_gallery" or "gallery" folder where you'll find the first
layer is actionscript for the photo gallery.
Thanks!

You rollover code doesn't work because you are assigning the
functions
before you load the images. The loaded images remove your
code. You should
not use loadMovie and use the MovieClipLoader class instead.
Then, in its
onLoadInit method you can assign your functions - so that
they are assigned
after the clip is loaded. Also, I'd either just create empty
clips, on the
fly, to load into or attach from the library. And
duplicateMovieClip is not
a property it is a method - calling like you are doing will
not work. If
you'd look in the Help you'll see that duplicateMovieClip can
accept an init
object, and also returns a ref to the new clip... So your
code can be much
simplified:
this.holder.duplicateMovieClip; //duplicates the MC holder
already on the
stage
this._name = "e"+i;
this["e"+i]_x = _x + 50;
this["e"+i]._alpha = 50;
To:
this.holder.duplicateMovieClip("e" + i,
this.getNextHighestDepth(),
{_x:theX, _alpha:50});
And you can't set _x to _x + 50 like that... for one you'd
need to use more
like this._x = this._x + 50 or this._x += 50. But it still
won't work here
since all the new clips are going to be created at x=0. You
need to
increment a variable... or base the spacing on your loop
variable, i - like
i *50.
Dave -
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

Flash web gallery NEED HELP

I have no clue how to program these flash galleries....My
site www.al-burke.com contains a flash web gallery that I purchased
online and I have been able to upload it to the site but its says
movie not loaded. I have all the neccessary files in place I
believe (gallery.xlm, main.html, main.swf) all under a folder. Can
anyone please help me out? Thanks

Does it work when you test it from your local drive? If it
does, but doesn't work when you post the files to the server, you
may not have uploaded all of the parts correctly. If it doesn't
work when testing from the files on your harddrive either, then
there is a linking issue - have you moved any of the files after
the gallery was created...? (If so, the links will be broken).
You also reference a file named "main.html" - this isn't the
name of the file that's posted - if you created a file named that,
then changed the name to index.html without updating the links when
prompted, that will also break the links...
Hope that helps...

HT201302 Pictures taken with iPhone 5 cannot rotate once saved in Windows Live Photo Gallery please help

Having a problem after taking a picture. When I email it and cc myself the picture needs rotated. I use Windows Live Picture Gallery and it will not let me rotate them either.Can anyone help.

As long as you've backed up your photos, what you use is really a matter of personal preference. To avoid duplicates, pick one program. Getting rid of duplicates that you already have is probably going to mean going through the photos one by one.
For problems with Windows Software, you're probably better off posting on a Windows forum.
Best of luck.

Flash Gallery - Need Help Please!

Hi, I want to make an image gallery like this (see image) using Flash. The gallery uses an .XML file to dynamically load the images, so all you need to do is size your images and then add them to the appropriate folder, then edit the .XML file. The thumbnails scroll too. Can this be done in Flash? Does somebody know where I can find an .XML file that will do this.
I didn't want to use a proprietary gallery solution, because they require you to have their logo on your gallery page etc. and I'd like to design the page to my liking.
I have little programming experience on how to do this so I was hoping for some help. Are there files around that will allow me to do this? I am also open to other suggestions that might be better, but I'd like the look of my gallery to be similar to the example I've posted.
pg
http://img682.imageshack.us/img682/8062/galleryh.jpg

If you are using MX 2004, change your Google search terms to be: "AS2 XML gallery tutorial"
The search results should be your best bet for finding advice/examples/suggestions as to some different ways to build a thumbnail gallery.

Advanced photo gallery - need help with MCs

Hello all. I have a photo gallery I am creating that can
contain up to 120 images. Rather than create buttons and movie
clips for each, I am hoping to dynamically build it with 1 movie
clip. But I am having trouble with my code. Here's what I am trying
to do:
Duplicate a movie clip on the stage with an instance name of
e1, giving each successive MC an instance name of e[i+1]
load external images into each movie clip representing images
e1 through e120
set the alpha of the movie clip to 50%
then onRollOver:
Set alpha to 100%, resetting to 50% onRollOut
onPress
assign a variable equal to the image loaded (e1 - e120)
pop up a box and pass the variable into it, which will then
load a larger version of the same image being called from a
different folder.
That being said, here's my flawed code
var i:Number;
for (i = 0; i < 119; i++) {
this.holder.duplicateMovieClip; //duplicates the MC holder
already on the stage
this._name = "e"+i;
this["e"+i]_x = _x + 50;
this["e"+i]._alpha = 50;
this.loadMovie("images/thumbnails/e" + i + ".jpg");
This code is not working on anything other than the first MC.
Here is the code for mouseover functions:
var i:Number;
for (i = 0; i < 119; i++) {
this["e"+i].onRollOver=function() {this["e"+i]._alpha=100};
this["e"+i].onRollOut=function() {this["e"+i]._alpha=50};
this["e"+i].onPress=function() {
_root.myVar = ["e"+i];
_root.myLargeImage.gotoAndPlay(2)
The problem with this section of code is that the dynamically
loaded movie clips do not accept any event commands (onRollOver,
onPress, etc). It is fine before I load external jpegs, but not
noce they are loaded
Any help would be GREATLY appreciated.
Thanks

You rollover code doesn't work because you are assigning the
functions
before you load the images. The loaded images remove your
code. You should
not use loadMovie and use the MovieClipLoader class instead.
Then, in its
onLoadInit method you can assign your functions - so that
they are assigned
after the clip is loaded. Also, I'd either just create empty
clips, on the
fly, to load into or attach from the library. And
duplicateMovieClip is not
a property it is a method - calling like you are doing will
not work. If
you'd look in the Help you'll see that duplicateMovieClip can
accept an init
object, and also returns a ref to the new clip... So your
code can be much
simplified:
this.holder.duplicateMovieClip; //duplicates the MC holder
already on the
stage
this._name = "e"+i;
this["e"+i]_x = _x + 50;
this["e"+i]._alpha = 50;
To:
this.holder.duplicateMovieClip("e" + i,
this.getNextHighestDepth(),
{_x:theX, _alpha:50});
And you can't set _x to _x + 50 like that... for one you'd
need to use more
like this._x = this._x + 50 or this._x += 50. But it still
won't work here
since all the new clips are going to be created at x=0. You
need to
increment a variable... or base the spacing on your loop
variable, i - like
i *50.
Dave -
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

Gallery App Help/Lost ability to control whether to resize a photo when emailing

When emailing photos and using the Gallery App I had the option to resize or not. I could select a new size and select "Always" or "Just Once". I don't have the option anymore and I really need to get it back. What do I do?
Example:
I'd begin to compose an email and then I'd select add an attachment & it would take me to the list & I'd select "Picture" at the top of the list on the right hand side. It would take me to the Gallery App where I could select a photo. Before attaching it I would get asked if I wanted to resize it or not along with resizing options to select from. I could use for example like small, medium, and large just by selecting the toggle I wanted. It would also ask "Just Once" or "Always". I think somewhere I may have accidentally hit "always" when I was in a rush & I did not know it. Now all my photos are resized when emailing them and I don't get a choice. I want the choice back not having photos always resized.
I have an LG phone if that makes a difference.
What do I do? Please help!
Thanks

I don't get an error message. The Gallery App automatically resizes the
photos when I try to email them. I had the option to resize or not resize
and it would come up as "Just Once" or "Always" and I could pick the size
of the phone like, original, large, medium, small. I like being in control
of the photos I email from my phone. I have not had any recent software
updates. Under About Phone it says phone name: VS980 4G LTE and when I send
emails it reads at the bottom "Verizon 4G LTE Smartphone"
Thanks
Anne McGugin (Queen Sapphyre)
On Sat, Jan 10, 2015 at 2:40 PM, Verizon Wireless Customer Support <

Custom Slideshow (photo gallery/shop) help please!

Hi! I am miffing my way around my 1st Muse site and desperate for help with customising a slideshow to perform as a photography gallery and shop.
I would like to make it possible for my customers to preview matte (black/white) and frame (black/white/wood) options and be able to purchase all on the same page. It's important for my workflow that I can integrate this programming into the site, rather than having to upload multiples of the same image with the different variables. Possible problems may be that my images would be different ratios (square / panoramic etc). Hope this makes sense?
Any help would be much appreciates, although I feel I'm at a point way beyond my skill level and may have to outsource.
Example of what I'm looking for here...
http://simonbeedle.com/gallery/cracked-earth-1089/
http://www.tuannguyen.com.au/prints/another-day-gone
http://www.kenduncan.com/gallery/cityscapes/docklands-melbourne-vic-vx2101-detail
Many Thanks

Thank you so much for your reply. It was the scale and opacity!
After many frustrating hours it is now working!
Kind Regards
Margaret

Xml gallery alignment, help

I am making an XML gallery with thumbnails. It is working fine, but I have a problem with alignment of the images. All the large images are loading into the top left corner. I would like them to load with center alignment for all images. I don't know anything about Action Script. The way I made this website was to use already made sample of some one else. Can you help me to figure out this alignment problem? Again, I am very bad at Action Script, so it would be great if you can show me the actual coding for this to work.
Here is the sample gallery: http://www.chimeddorj.com
Here goes the Sript>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
RemoveAllThumbs.onLoad = function(){
removeAllThumbs()
//init global variables and properties
Stage.scaleMode = "noscale";
import gs.TweenFilterLite;
import gs.TweenLite;
XML LOADING
//handle loading of external images..
var slide:XML = new XML();
slide.ignoreWhite = true;
var largeImageUrl:Array = new Array();
var thumbUrl:Array = new Array();
var captions:Array = new Array();//not used
var p:Number = 0;//tracks position in arrays
/*!!!!if you want to load in another XML file, make sure you clear the existing thumbnails
by calling the removeAllThumbs() function first!*/
slide.onLoad = function() {
largeImageUrl = [];
thumbUrl = [];
captions = [];
xmlNode = this.firstChild;
var images:Array = this.firstChild.childNodes;
for (i=0; i<images.length; i++) {
thumbUrl[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
largeImageUrl[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
captions[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
p = 0;//reset p for different gallery loading
//create a bg clip for the thumbsTrack. Enables padding between images to work correctly
thumbMask_mc.thumbBox_mc.createEmptyMovieClip("thumbTrackBg",1);
thumbMask_mc.thumbBox_mc.thumbTrackBg.beginFill(0x000000,20);
thumbMask_mc.thumbBox_mc.thumbTrackBg.moveTo(thumbMask_mc.thumbBox_mc._x,thumbMask_mc.thum bBox_mc._y);
thumbMask_mc.thumbBox_mc.thumbTrackBg.lineTo(thumbMask_mc.thumbBox_mc._x+thumbMask_mc.thum bBox_mc._width,thumbMask_mc.thumbBox_mc._y);
thumbMask_mc.thumbBox_mc.thumbTrackBg.lineTo(thumbMask_mc.thumbBox_mc._x+thumbMask_mc.thum bBox_mc._width,thumbMask_mc.thumbBox_mc._y+thumbMask_mc.thumbBox_mc._height);
thumbMask_mc.thumbBox_mc.thumbTrackBg.lineTo(thumbMask_mc.thumbBox_mc._x,thumbMask_mc.thum bBox_mc._y+thumbMask_mc.thumbBox_mc._height);
thumbMask_mc.thumbBox_mc.thumbTrackBg.lineTo(thumbMask_mc.thumbBox_mc._x,thumbMask_mc.thum bBox_mc._y);
thumbMask_mc.thumbBox_mc.thumbTrackBg.endFill();
//load the thumbs
loadThumbs();
Mouse.removeListener(mouseListener);//kill the mouselistener if it is added
slide.load("paintings.xml");//load xml
var imageWidth:Number = 0;//default x position of our movieclips relative to containing movieclip
var buffer:Number = 20;//padding between images
var thumbsToShow:Number = 5//
LOAD THUMBNAILS, ADD ACTIONS & PADDING TO THUMBS
//here we load in our thumbnails
function loadThumbs() {
//remove the movieclip loade listener on each iteration of this function
Clip.removeListener(mclListener);
//attach and associate with a variable a MC to hold each loaded movieClip
var container:MovieClip = thumbMask_mc.thumbBox_mc.attachMovie("thumbBox", "thumbBox"+p, thumbMask_mc.thumbBox_mc.getNextHighestDepth(), {_x:imageWidth, _y:0});
//create a movieclip loader
var Clip:MovieClipLoader = new MovieClipLoader();
var mclListener:Object = new Object();
mclListener.onLoadStart = function(target_mc:MovieClip) {
target_mc._alpha = 0;//set thumb alpha to be zero
//handle loading progress - simple counter here
mclListener.onLoadProgress = function(target_mc:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void {
//use this if you want to indicate loading of your thumbnails etc...
//loadTxt.captions_txt.text = Math.floor(bytesLoaded/bytesTotal*100)+"%";
mclListener.onLoadInit = function(target_mc:MovieClip) {
//here we can access our loaded clips properties!
//here is where we attach functions to our clip so that we can dynamically create rollovers etc.
//make our thumbnails visible again
TweenLite.to(target_mc, 2, {_alpha:100});
//based off image width this places our thumbs next to each other
imageWidth = (imageWidth+target_mc._width)+buffer;
//associate a variable here with our p value, we use this later to load in large images
target_mc.pictureValue = p;
//handle image rollovers these are active only on the thumb image!!! Watch the US spelling!
target_mc.onRollOver = function() {
TweenFilterLite.to(target_mc,.4,{type:"Color", brightness:1.5, ease:None.easeOut});
target_mc.onRollOut = function() {
TweenFilterLite.to(target_mc,4,{type:"Color", brightness:1, ease:None.easeOut});
//handle a click on a thumbnail
target_mc.onRelease = function() {
//load large images
mcLoader.loadClip(largeImageUrl[target_mc.pictureValue],largeImage_mc);
caption.text = captions[target_mc.pictureValue];;
p++;//increment value to cycle through array
if (p<thumbUrl.length) {
loadThumbs();//create loop
if (p == thumbUrl.length) {
/*we set this variable here because this is where we know the length of our thumbnails containing mc.
After we have loaded all content in. Makes sense really!*/
mcWidth = thumbMask_mc.thumbBox_mc._width;
//adjust the width and height of the thumbstrack bg clip
thumbMask_mc.thumbBox_mc.thumbTrackBg._width = mcWidth;
thumbMask_mc.thumbBox_mc.thumbTrackBg._height = thumbMask_mc.thumbBox_mc._height
/*add the mouse listener object to the thumbnail mask. We do this element of our script here so
we do not enable scrolling of our mc before the images have all loaded in. As this can look a little funny*/
Mouse.addListener(mouseListener);
//load in the next thumb
Clip.addListener(mclListener);
Clip.loadClip(thumbUrl[p],container);
REMOVE ALL THUMBS METHOD
//Use to clear old thumbs if you are going to add in a new set of thumbs
function removeAllThumbs():Void {
for (var i in thumbMask_mc.thumbBox_mc) {
if (typeof (thumbMask_mc.thumbBox_mc[i]) == "movieclip") {
removeMovieClip(thumbMask_mc.thumbBox_mc.getInstanceAtDepth(thumbMask_mc.thumbBox_mc[i].ge tDepth()));
thumbMask_mc.thumbBox_mc._width = thumbMask_mc._width
/*sampleRemoveAllButton.onRelease = function(){
removeAllThumbs()
LOAD LARGE IMAGES MOVIECLIP LOADER FUNCTION
/*generic load object here we handle loading in external images etc
this block of code loads the large images into the bright blue mc
for instance, you could fade in/out big images or make a progress indicator
using this block of script*/
var mcLoader:MovieClipLoader = new MovieClipLoader();
var listener:Object = new Object();
listener.onLoadStart = function(target_mc:MovieClip) {
//empty
listener.onLoadProgress = function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void {
//amountLoaded = Math.floor((bytesLoaded/bytesTotal)*100);//calulate a loading percentage!
listener.onLoadInit = function(target:MovieClip):Void {
//empty
mcLoader.addListener(listener);
MOUSE LISTENER
//this handles the panning of the thumbnails
mouseListener = new Object();
mouseListener.onMouseMove = function() {
if (thumbMask_mc.hitTest(_root._xmouse, _root._ymouse, true)) {
maskOver();//call the scroll function
SCROLLER FUNCTION
var scrollSpeed:Number = 5;
var halfMaskWidth:Number = thumbMask_mc._width/2;
var npixels:Number;
var mcWidth:Number = thumbMask_mc.thumbBox_mc._width;
var maskWidth:Number = Math.floor(thumbMask_mc._width);
function slideThumbs() {
// stop scrolling if we are off the mask and delete the enterframe event
if (!thumbMask_mc.thumbBox_mc.hitTest(_root._xmouse, _root._ymouse, true)) {
delete this.onEnterFrame;
// mouse over left half of slider:
if (thumbMask_mc._xmouse>0 && thumbMask_mc._xmouse<thumbMask_mc._x+halfMaskWidth) {
npixels = (halfMaskWidth-thumbMask_mc._xmouse)/halfMaskWidth*scrollSpeed;
thumbMask_mc.thumbBox_mc._x += npixels;
//stop sliding too far to the left
if (thumbMask_mc.thumbBox_mc._x>=0) {
thumbMask_mc.thumbBox_mc._x = 0;
delete this.onEnterFrame;
// mouse over right half of slider:
if (thumbMask_mc._xmouse>halfMaskWidth && thumbMask_mc._xmouse<thumbMask_mc._x+thumbMask_mc._width) {
npixels = (thumbMask_mc._xmouse-halfMaskWidth)/halfMaskWidth*scrollSpeed;
thumbMask_mc.thumbBox_mc._x -= npixels;
//stop sliding too far to the right
if (thumbMask_mc.thumbBox_mc._x<=-(mcWidth-maskWidth)) {
thumbMask_mc.thumbBox_mc._x = -(mcWidth-maskWidth);
delete this.onEnterFrame;
//function to do the scrolling man!
function maskOver() {
this.onEnterFrame = function() {
slideThumbs();

I am using Flash CS 4, like I mentioned earlier, I am making this site on some one's pre-made flash file. There is a movie symbol for loading the large images (called largeImage_mc). I resized this movie clip to 550x450 px (landscape). And positioned it at X=200 Y=0 (top left corner registration point or the anchor point).
The movie clip could be dragged to any position. But images that are loaded into this bo is always aligning to the top left corner of this movie symbol.
If I calculate the actual center of this image loading area (regarding its position on the window), it would be x=425, y=225.
I hope my writing makes sence.
actual site: www.chimeddorj.com

CSS3 Gallery problem, help!

Hey everyone,
I have a CSS3 gallery on my website www.hardtimesdesigns.co.uk/portfolio.html that works perfectly!
I am trying to replicate the same gallery for a friend for his website. My effort can be seen here www.alicatrenovations.com.au/gallery.html .
As you can see the pop up mechanism works, but when I click again on the photo it doesn’t return to its thumbnail state.
Can anyone help me? I have pretty much looked at everything and it’s really annoying me now!
Thanks in advance!

I think you hit the nail on the head with that one Ken. In Firebug, changing the jQuery to the latest solves the problem - at least on Firefox.
@JonnyCraft, your original version seems to have the large image always above the thumbnails even when closing, but the new one has the large image disappearing under the thumbnails. Once you change the jQuery version, you may need to change your z-indexing.
You could also try this version which doesn't require the click.
http://www.zurb.com/playground/css3-polaroids

Spry static gallery - autostart help please

Can anyone help — how to do autostart in the static gallery?

Go to http://labs.adobe.com/technologies/spry/demos/gallery_pe/static/china.html and view the source code
Gramps

Web gallery error help

Hello all:
I have a friend running PSCS3. on a macbook pro laptop. When he goes to builkd a web gallery and chooses the images, he creates a folder on the desktop and names it (not the same name as the source folder). When h clicks ok he gets an error message that says:"Please choose a destination folder outside the source folder". he has built hundred of galleries and this just started.
He only had 4 gb of HD space left so he cleaned off a lot of stuff (12gb now) and it seemed to work ok for 3 or 4 galleries, but now he is getting the message again. Any idea how to solve this?
Thanks,
Chip Mitchell
http://www.chipmitchell.com

It looks like you are trying to include a copy of "SpryWidget.js" hosted on another person's website. However, it appears that person has removed this file from their server. (If you check the link, it goes to a web page, instead of opening the JavaScript file.)
Recommend that you put a copy of this file on your website, and then update the src attribute in your script tag to point to your own copy of this file.
If you do not already have a copy, you can obtain this file from here: https://github.com/adobe/Spry

Web Gallery Widget Help

I am trying to place a web gallery widget onto my iWeb page. I have been successful at that and can see the web gallery preview after it is placed. However, when I save the page, then publish to dotMac, then view the page in Safari, the web widget box where the preview should be is completely black. The link to the dotMac web gallery works fine, just no preview. This used to work fine when I was using the "Highlighter" web template but not since I switched to the "Modern Frame" web template.

Try deleting the widget, reloading it into the iWeb page and then doing a "Publish all to .Mac".

Gallery/Pinterest Help

Similar Messages

Maybe you are looking for