[jQuery] Re: Close Button using prettyPhoto w/ JQuery

Thanks a million Scott!

This worked perfectly for what I needed! At 1st I had a problem
because I forgot to remove the initial javascript from prettyphoto,
without the callback line init. But soon enough I figured it out LOL

again, I just want to say thanks! If you have a website er somethign
you want to promote, let me know. I'll be happy to mention it on the
show!

Thanks again!

John

On Nov 27, 7:14 am, Scott Sauyet <scott.sau...@gmail.com> wrote:
> On Nov 25, 3:46 pm, jonnyvegasss <jonnyvega...@yahoo.com> wrote:
>
> > That seems to be exactly what I need. I'm just not sure how, where to
> > add something like that. I apologize for my ignorance, but as I said
> > I'm learning LOL!
>
> I'm sorry, it looks as though I didn't read your original closely
> enough.  I thought you were talking about a true modal window rather
> than the prettyPhoto popup.  I looked at the prettyPhoto documentation
> (http://tinyurl.com/dkuwya), and buried in the customization tab of
> the Setup section is the set of options you can pass into the
> prettyPhoto function.  Among these are things like animationSpeed,
> padding, and opacity, and one called "callback", which takes a
> function to be run when prettyPhoto closes.  (Most similar scripts
> have a name that's a bit more descriptive, such as "onClose".)
>
> To use this, you need to pass to the prettyPhoto function an object
> with certain properties.
>
> Because I led you astray before, I'm going to explain this in detail.
> But first, here's the solution I think you need:
>
>     $(document).ready(function(){
>         $("a[rel^='prettyPhoto']").prettyPhoto({
>             callback: function() {window.location.reload(true);}
>         });
>     });
>
> You can see this in action here:http://jsbin.com/uvuwi(codehttp://jsbin.com/uvuwi/edit).
>
> ========================================
>
> Explanation:
>
> prettyPhoto allows you to supply a number of optional arguments.  They
> are wrapped up in a single JavaScript object, which you can create
> with this syntax:
>
>     {
>         option1: "value1",
>         option2: 7,
>         anotherOption: ["a", "four", "element", "list"],
>         stillAnother: function() {doSomething(); return false;},
>         finalOption: false
>     }
>
> It's an unordered list of name-value pairs, separated by commas,
> surrounded by curly braces, and with a colon between each name and
> value.  The values can be strings, numbers, arrays, functions,
> booleans, other objects, essentially any JavaScript values.
>
> For prettyPhoto, the options might look like this:
>
>     var myOptions = {
>         animationSpeed: 'slow',
>         padding: 25,
>         opacity: 0.5,
>         callback: function(){doSomething();}
>     }
>
> Then you could call
>
>     $("selector").prettyPhoto(myOptions);
>
> As the only option we need is the one named "callback", we can simply
> do this:
>
>     $("a[rel^='prettyPhoto']").prettyPhoto({
>         callback: function() {doSomething();}
>     });
>
> And as to the function we call, this is pretty self-descriptive:
>
>     window.location.reload(true);
>
> Putting that together inside a document ready event, we get the code I
> supplied above.  I hope that all makes sense.
>
> ========================================
>
> > Also, I looked at the links you posted, and I don't see the parent
> > window refreshing after the child window is closed.
>
> I was just trying to show how to call a function when a child window
> closed.  I didn't actually refresh the page, just ran an alert.
>
> Good luck,
>
>   -- Scott