Help with embedding Javascript for Lightbox Photo Gallery in Muse!

Hi all:
I am fairly new to Muse and I have been having trouble finding relevant information for embedding Javascript in order to get a lightbox to work in Muse. Would anyone be able to walk me through embedding the Javascript for the Lightbox Photogallery for Picasa in Muse?
This is the code I want to use: Lightbox Photo Gallery and Slideshow for Picasa
And this is the look I am trying to accomplish within my Muse site: Cycling Around The World / January 2006 / Picasa Template by www.paulvanroekel.nl
Any help would be appreciate. Thanks much,
Alexis

Hi,
I have tried inserting the script that you have pasted above as HTML on my test site and it worked.
What happens is whenever you insert something as HTML, Muse by default creates a div tag and places the content within the div tag. What I have done differently is I have inserted the JS with in the <script> tag and it has inserted the Javascript in this manner,
I beleive that since this a browser re-direct script that you are using, you would like to place this in the head section and not in the body tag, however, that is certainly not possible using Muse as it does not allow access to the code it generates as a muse file.
You, can still export the pages as HTML and make the appropriate changes there before uploading to the server.
Hope that helps.
Regards,

Similar Messages

Need some help with button JavaScript for Save As event.

Hi,
I'm using Adobe Acrobat X Pro and am completely new to scripting forms in Adobe (completely new to Adobe Acrobat as well!). On a form there is a save button that opens the Save As dialog by using a trigger (Mouse Up) and action (Execute a menu item - File>Save As...>PDF...) and this works fine, however, I want to now use javascript to modify this button's behavior so that is uses a trigger (Mouse Up) and action (Run a JavaScript), and I want that JavaScript to combine the text values from two form fields (a location Dropdown and a date Text field) and use this concateneated string + ".pdf" as the filename when it opens the Save As dialog. Make sense?
This is what I have added to the button as a JavaScript so far I am using a test string at the moment ("NewFile.pdf") and will add the concatenated string to the script after I know the script is working as it should.
var newFileName = "NewFile.pdf";
var pathArray = this.path.split("/");
pathArray.pop();
pathArray.push(newFileName);
this.saveAs(pathArray.join("/"));
Two issues so far:
1. When I click the button nothing happens, no Save As dialog or anything.
2.When I check the button properties under the Actions tab the Select Action property shows "Execute a menu item" even though I previously selected "Execute a JavaScript"
Thanks for any help!

Thanks guys, I appreciate the response! If I can bypass the Save As dialog and save the file to a default location using a file name that is contructed from two form field values then that would be perfect. I definitely think it is feasible to have a script file installed locally on each users workstation. I don't quite understand about folder-level security, etc. yet but am eager to learn how to do this stuff if you can give me gentle push in the right direction! Thanks!

Searching for Flash Photo Gallery with numbered navigation menu.

I'm looking for a photo gallery with a numbered navigation
menu. I've seen this gallery on several flash web pages. Is this
type of photo gallery a template that comes with flash? Has anyone
come across a tutorial for a photo gallery similar to the link
below.
http://www.rockcreeksm.com/index.php/work/portfolio/

i made this one:
http://www.goldbergphotography.com/
but there are quite a few simpler photogalleries. use google
to search for some tutorials or templates.

How do I create/host interactive articles with embedded video for use in browsers?

I'm seeking a little guidance -
How do I create/host interactive articles with embedded video for use in browsers?
The aim is to bring together video, design, images and writing in one place. A little like Born Presents, but very accessible and user friendly.
I'm happy using InDesign but want to create interactive articles / magazines that have embeded video files as required. I've been looking at .SWF files but I've come unstuck.
I want people to view the articles via a blog, ideally with them opening in a lightbox style viewer. It's not intended for tablet viewing and people should be able to view and interact with the files with little effort on their part.
I think I know how to create these files within InDesign, but I'm not so hot on web design and I'm not sure how to host these online. Does this start coming into the realms of Flash?
If anyone could point in the right direction I'd really appreciate it - Thank you in advance.

PDF is one thing. Folios for DPS is another. There is a little bit of
overlap but not much.
The interactivity in the folio overlays panel is for DPS only.

Help with embedding videos

Hello,
I please need help with embedding videos from youtube. I do this via the Web panel (not the video panel) and copied the embed code on Youtube and pasted it into my Indesign CS6 (autoplay activated). I did it according to that helpful video: http://blogs.adobe.com/jlockman/2013/06/04/embedding-youtube-videos-into-your-dps-project/
However, when testing this on my iPad, only a white box appears and I cannot press a play button.

Are you sure, that you changed code from youtube?
Code from youtube is:
src="//www.youtube.com/embed/KulFWmvbEu4
but you need to change it to
src="https://www.youtube.com/embed/KulFWmvbEu4
For us, best result is to embed video via:
menu Object > Include HTML (don't know exact english name of menu), paste iframe code with correct http link and then it works.

HELP HELP HELP with adminstrator password for pavilion dv7 beats audio

Hi. I need help with adminstrator password for pavilion dv7 with window 7. I don't remember with is the adminstrator password for pavilion dv7 beats audio. Is there anyway you can help me with this? once i enter 3 times is gives me this system disabled code: 52464663.

Hi
Try this Key : 43542265 That should fix your issue
Hope this helps.
***** Click the KUDOS Thumbs UP (Like) on the left to say 'Thanks'*****
****Make it easier for other people to find solutions, by marking my answer “Accept as Solution”&"Kudos"if it solves your problem.****
-VJ
Although I am an HP Employee, I am speaking for myself and not for HP.

Help with Simple Applescript for Midipipe

Hey all, I'm in desperate need of help with some Applescript for use in a program called Midipipe:
http://web.mac.com/nicowald/SubtleSoft/MidiPipe.html
I simply require an Applescript for Midipipe that filters out all OFF notes except for the most recently pressed key, or most recently pressed ON note. So for example, when multiple keys have been pressed, only the most recently pressed key will send an OFF note. I hope that is clear enough, i've had some major issues trying to get this work and my last hope is to hit the forums and find some help .. I've posted on some of the audio forums and i'm hoping someone here knows how to code this.
Thanks so much!! .. Its for an upcomming show next week so i'm hoping someone can get me in the right direction to solving this.
-Jes

I try to help, but you'll need to apply your brain cells to get it working with what I've already explained (three times with what I offer below). Try something like the following (I am renaming your buttons to ch1,ch2,ch3,ch4,ch5,ch6 so that the same functions can be shared by all buttons...
// this assigns listeners to all 6 buttons
for(var i:uint=1; i<7; i++){
          this["ch"+String(i)].addEventListener(MouseEvent.CLICK, fl_ClickToSeekToCuePoint);
// this processes any one of the 6 btns when they are clicked
function fl_ClickToSeekToCuePoint_1(event:MouseEvent):void
    var btn = event.currentTarget;
    var cuePointInstance:Object = vid.findCuePoint(btn.name);
    vid.seek(cuePointInstance.time);
   resetButtons();    // this makes all buttons go back to normal
    btn.upState = btn.overState; // this makes the clicked button change states
function resetButtons():void {
     for(var i:uint=1; i<7; i++){
          this["ch"+String(i)].upState = this["ch"+String(i)].hitTestState;
For this to work, your buttons need to have the same artwork in the hit frame as they do in the up frame.

I still need help with the Dictionary for my Nokia...

I still need help with the Dictionary for my Nokia 6680...
Here's the error message I get when trying to open dictionary...
"Dictionary word information missing. Install word database."
Can someone please provide me a link the where I could download this dictionary for free?
Thanks!
DON'T HIT KIDS... THEY HAVE GUNS NOW.

oops, im sorry, i didnt realised i've already submitted it
DON'T HIT KIDS... THEY HAVE GUNS NOW.

Making a lightbox photo gallery with thumbnails for 100+ photos

I have been trying to make the above (all is in an accordion). I started by merely using a thumbnail slide show, but that didn't work because I couldn't organise the thumbnails into multiple pages. So my solution was to first put a multiple page tooltip composition setup with position on lightbox, transition on horizontal and hide all intially unchecked. Then, within each tooltip slide I placed a lightbox slide show with 9 pictures. This way, there are multiple pages with 9 thumbnails on each, and clicking on one shows the enlarged picture. This presented 3 problems, which I need help to solve.
1) Appearance in design mode doesn't reflect appearance in browser preview. In design, everything is aligned and looks good, while in preview in browser it doesn't:
2) Upon clicking on thumbnail, the preview is behind the thumbnails:
3) Intially (in preview in browser) one must click on a target to show the tool tip slides.
Thanks in advance,
Chris
P.S: Also, my slideshow on the home page doesn't show in preview in browser mode, if you help with this it would also be aprecciated.

Hi
Please check if thumbnails are placed in target container , as if thumbnails are placed in container then image with lightbox will also show the triggers.
If still same issue, please share the site url.
Thanks,
Sanjit

Need help with adjusting size for photos in my website

Wow it's super to know about adobe forum which i never thought existed, i have been to the adobe site several times befor but never noticed there is a forum
Ok i have few issues would like some help if possible.
I have a website for public holidays and festivals and i have been really stressed in the ways i am adding the photos which i am buying from fotolia. First in my featured images the screen is very wide and slim...so i am really having hard time with adjusting the photos so they would fit in a way and show the best part of the photo in the screen, once the featured image is clicked on then their is no problem since it opens up in the full size. Is their a speacial tool in adope (i have cs4) which deals with images in this aspect? Secondly, before i was downloading the image with the regular size in which i bought them (around 3000 px) but that significantly slowed my webiste and i had to resize them into around 500 px, but now the image is small. what is the way around that, is there a feature where i can keep the photo big size with high resolution and little px. I see many big nice resolution photos but very small in size. i have just purchased a lot of photos that i would be posting soon and would like to do them right from the start.
I don't know if i explain the situation right in words but you can take a look here, most photos for the posts are on the main page, please take a look and tell me how i should revise or make better for my photos in the featured images.
I have very little experiance in photoshop so i made a very simple logo, but is there a tool that is speacialy designed to help make it easy doing a professional logo?
Any comments, hints or help would be highly appreciated
Hmmm one more thing....how do i add a pic for my profile? i don't see anywhere i can do so

You should use the crop tool to crop your images. You should never squish your images, it really looks unprofessional:
For your problem with saving images, you can optimize your images for web using the "Save for Web…" menu option:
Make sure that you save your images at the dimension that you want them to display on your website (It looks like all your images in the blog are 620px wide, go with that).
As for your logo, you can make them in Photoshop or Illustrator, but I would reccomend making yours in the latter. Here are some tutorials on logo creation: http://ibrandstudio.com/tutorials/46-adobe-illustrator-tutorials-logo-design

Troubleshoot Main Image for spry photo gallery

Hello, I am modifying some spry files to see if I can get the
hang of it using my images. I have taken the photo gallery files
gallery.js
SpryData.js
SpryEffects.js
xpath.js
The folder structure contains images and thumbnails on the
root folder as well as the ap.css sheet and photos.xml
The page is
http://www.proximita.com/learning/index.html.
Since I only have 1 photo gallery (and I did the getting
started tutorial and worked fine I wanted to add the slideshow
effect in the spry demo functionality) I only have one xml doc and,
as mentioned, the both image folders and the css sheet are on the
root, and the all the js files are in an includes folder.
The thumbnails show up fine, but, the main image does not
show up at all. I am almost sure this is a bad reference somewhere
or a begginners mistake but I cant find it.
I did modify the gallery.js because it referenced 2 or three
variables (like dsPhotos and dsGalleries that are used for the demo
I only have dsGallery) and I cahnged all of the other refrences to
dsGallery.
I think I am having problems here:
function ShowCurrentImage()
var curRow = dsPhotos.getCurrentRow();
SetMainImage("galleries/" +
dsGalleries.getCurrentRow()["@base"] + "images/" + curRow["@path"],
curRow["@width"], curRow["@height"], "tn" + curRow["ds_RowID"]);
you can check out the whole code here:
http://proximita.com/learning/includes/gallery.js
Im unconcerned with appearance for the moment, and would just
like to see the main image and the slideshow functionality.
If you can help, please do. Thanks, Mario.

yes, I suspect that is because the tutorial talks about
building this from scratch and uses that name for the "thumbnails"
div rather than what they actually use in the demo files...
confusing, to say the least.
It would be nice if there were a simple document with demo
files that didn't include other stuff unrelated to JUST the slide
show (gallery)... and if the whole layout were more simple,
css-layout-wise...
or, if the demo files were commented with what each bit is
for and how to modify it.
quote:
Originally posted by:
Dragos GEORGITA
Hi Mario,
I took a look at your sample and I've noticed you change the
ID of the container that holds the thumbnails (it was called:
"thumbnails". now it's "thumbContainer").
You need to open gallery.js and change the observer to point
to the new container:
Change
Spry.Data.Region.addObserver("thumbnails", function(nType,
notifier, data) {
To
Spry.Data.Region.addObserver("
thumbContainer", function(nType, notifier, data) {
Regards,
Dragos

Suggestions for a photo gallery?

Does anyone have a suggestion for the best way to put
together a photo gallery? I just want something simple that will
display the thumbnail images on the page with captions and to show
a larger image when you click on the thumbnail. Any help would be
great!

On Fri, 12 Oct 2007 10:10:43 +0100, "Keen to Learn"
<[email protected]> wrote:
>Hi All
>
>i want to add a section to a site that allow users to
register and then
>upload photos to a gallery.
>
>i needs to allow for a little bit of styling and have
file size upload
>limits, ect.
>
>can anyone suggest / recomend either an DW extension or
other third party
>software that would do this.
If you Google you'll find lots of them. Here's one that
springs to
mind:
http://gallery.menalto.com/
Steve Fleischer
steve at flyingtigerwebdesign dot com
Hong Kong

Need help with adjusting Javascript code to work in Adobe Edge (Countdown)

Hello
Im a newbie when it comes to working with Javascript and Adobe Edge and need a bit of help with adjusting some javascript code to work with Adobe Edge. A friend of mine helped me with making this javascript code: Edit fiddle - JSFiddle
Its a simple countdown which counts down to a certain time at a certain date. What I aim to do is to add this code as a trigger on a text-element called "countdown" (within a symbol called "count").
I have tried to do this as the code is, but it does not work. Anyone have any suggestions?
Thanks!
Mvh,
Øyvind Hermans

Hello again
I have stumbled upon a problem with these animations; They crash the browser after viewing them a little while, usually less than 30 seconds in.
Is this problem also occuring when you watch the animations?
Is the countdown-code to much for the browsers to handle?
Thanks in advance for your answers.
Sincerely,
Øyvind Hermans

Is it possible to do a light CMS using Edge for a photo gallery?

I want to build a photo gallery in Edge for a friend's website, and I want to make it as easy as possible for her to add/rearrange photos to the gallery anytime she wants without having to call me everytime...
Is something like this possible in Edge Animate?
Thanks all!
Aza

Thank you Jerry!
A few terms here I am unfamiliar with...
You say I can hook into it (Drupal/Wordpress) with Edge, is there a tutorial, or something that shows me how?
Also, I am unfamiliar with "Image Tokens" what is that?
Thanks again,
Aza

Need help with a JavaScript to generate random number

Hi
First things first. I don't know the J of JavaScript.
When I was thinking of some readymade solution to generate a random number in Captivate, I found this on a LinkedIn forum.
1) Add a user variable to your project called "randomNumber". It's value can be zero.
2) Add a Text Caption with "$$randomNumber$$" in it, to check whether your script is working.
3) Add a button to the slide. Give it an On Success Action of Execute JavaScript. Turn off it's "Continue Playing the Project" checkbox.
4) Add the following text in the button's Script_Window:
var objCP = document.Captivate;
var rand = 1 + Math.floor(Math.random() * 10);
function onButtonClick(){
objCP.cpEISetValue('randomNumber', rand);
onButtonClick();
However, this is (as the poster in the forum warned) not working for Captivate 7. Can somebody please help?
I am open for any other methods of getting the same result.
Thanks in advance,
Sreekanth

Hi Sreekanth,
When testing, make sure you are testing from a web server where the web address begins with http or https. When setting the captivate variable "randomNumber" try this instead:
objCP.cpEISetValue('m_VarHandle.randomNumber', rand);
That will only work for SWF output. If you want it to work for both HTML5 and SWF output, try this code:
window.onButtonClick = function(){
          var rand = generateRandomNumber(1, 10);
          setCpVariable('randomNumber', rand);
window.generateRandomNumber = function(min, max){
          var randomNum = 0;
          if(!isNaN(parseFloat(min)) && !isNaN(parseFloat(max))){
                    min = Number(min);
                    max = Number(max);
              randomNum = Math.floor(Math.random() * (max - min + 1)) + min;
          return randomNum;
window.setCpVariable = function (cpUserVariableName, variableValue) {
          /* Check for HTML5 vs. SWF output */
          if (typeof window.cp === 'undefined') {
                    /* We have SWF output, so Get the Captivate Object */
                    var objCp = document.getElementById('Captivate');
                    if (objCp && objCp.cpEISetValue) {
                              /* Set the Captivate User variable with the JavaScript variable, variableValue */
                              objCp.cpEISetValue('m_VarHandle.' + cpUserVariableName, variableValue);
          } else {
                    /* We have HTML5 output */
                    /*If variable does not exist off of the window object, then use the variables manager*/
                    if (typeof window[cpUserVariableName] === 'undefined') {
                              if (cp.vm && cp.vm.setVariableValue) {
                                        cp.vm.setVariableValue(cpUserVariableName, variableValue);
                    } else {
                              window[cpUserVariableName] = variableValue;
window.onButtonClick();
Be sure to test this from a web server or else local security will prevent the javascript from executing.
Best,
Jim Leichliter

Help with embedding Javascript for Lightbox Photo Gallery in Muse!

Similar Messages

Maybe you are looking for