Embedding a slideshow into my existing website

I have created a thumbnail slideshow in Muse that I would like to embed in my existing business website. What is the best way to do this, or is it even possible? I have tried to publish to catalyst from Muse and then right click, view source on the slideshow, and then copy and paste the code directly into the code on my site, but when I do this, I only see "red x" images. Basically, I want a thumbnail slideshow on my home page with pictures that can then be linked to other parts of the site. If it is possible to do this, step by step instructions would be appreciated, as I am not an experienced web designer. My business site is a template I have added content to through the host of the site, if that makes any sense.
Thanks in advance,
Randy

The reason you are getting red x's is because the code cannot find the images associated with them. To view the code, you should export the HTML instead of viewing the source in the browser.
To successfully copy the widget you're going to need to copy all of the enccessary assets, not just the HTML.
This includes all of the: HTML, CSS, Javascript and images
Hope this helps,
Julia

Similar Messages

How do you embed a gallery into an existing website?

I have an existing website and I would like to embed a Lightroom gallery into that website. I am not sure how to get it on my web page since the code from the gallery puts out an index.html page. The program has everything I want but only if I can put into existing web pages.
I can upload the page and get it to run on its own but that is not what I want. I want it embeded into my existing website. Thanks.

One way to do it is put each gallery in its own subdirectory of your main page (you can use multiple sub galleries) and then have the main page in the root that links to the index.html files in each subdirectory. If your main page is not in the root you have to add the appropriate structure in the return link in the lightroom created gallery "Web or Mail Link" setting.
In the main page the link to my NATURE page would be   ../nature/index.html
Then in the Lightroom created NATURE page you can use the "Contact Info" or "Identity Plate" (This can be graphical as shown on my page)     "Web or Mail Link" setting to return to the main page using      ../index.html
To see and example see my site   http://www.ajaxmtn.com

What is the easiest way to put a photo gallery into an existing website?

I am ready to give up. This really can't be this difficult.
Either that or I am the dumbest person in the world. Up until now, I didn't know that I was.
I just want something easy.
I am designing a website using Dreamweaver Cs5.5. I am on a PC with Windows Vista Operating System.
I have an existing website www.metzartonline.com.
On the Gallery page, I want to include a simple photo gallery where I can showcase paintings. I would like a simple (theres that word again) grid that shows the photos as thumbnails. When you click on the thumbnail, it shows the image in a larger size with a small caption.
I've tried using Bridge which was very easy to set up but I'm at a loss on how to integrate that into the webpage. After lots of research, I've come to the conclusion that integrating that into an existing website just insn't that easy to do.
I purchased the Classic Photo Gallery from Flash Development 24 because it was described as "easy to use."
It is not easy to use.
The steb by step guide for one, isn't even written in proper English. I've tried to work with it an I've emailed support several times.
I'm ready to give that up.
I just want to make a simple gallery that I can integrate into an existing website.
Can anyone suggest the easiest program to use?
Please?

You can use Adobe Bridge (it is built into Dreamweaver) and Adobe Fireworks. Once you have Dreamweaver open, go to File and you will see "Browse in Bridge". Adobe Fireworks is a separate program and must be installed to make this work. The instructions below are step by step and I was able to follow them even though I am not overly experienced in Dreamweaver. I created these with Dreamweaver CS4 but the instructions below should work for CS5 as well.
The first address here is to create a photo gallery with the Adobe Output Module which you open in Bridge.
http://help.adobe.com/en_US/Bridge/3.0/WSCF044571-2772-4d28-9EBD-2C9F46AF008A.html
The second address explains how to incorporate the gallery into a Dreamweaver page.
http://foundationphp.com/tutorials/gallery/embed1.php
Here is my wife's website for her art: www.tanglewoodbrushstrokes.com
You may want to look at the galleries there first to see if they are what you are looking for.
There are two disadvantages to these galleries. One is that to add or subract images requires creating a new gallery. The good side is that this can be done fairly quickly once you become accustomed to how they are created. I can do a new one now in a half hour or less. To make it easier, you can go to split screen once you have the new gallery made and substitute the html for the new gallery in place of the old one without recreating your page parameters for the gallery.
Secondly, the galleries created in Fireworks use flash technology so they will not work on Iphones or Ipads. To correct this on my wife's website, I upgraded to CS5.5 in order to use HTML5. I am going through the tutorials for creating HTML5 web pages now. Once I have completed them, I will be re-doing my wife's site. I haven't yet figured out how I will create and install the galleries yet. I have posed a question about albums for HTML5 on this forum. Using HTML5 appears to be more complex than what I have experienced in the past, but we will see.
Hope this helps. Don't get too frustrated when you go through the tutorials above. Take your time and you will be able to figure it out. If I could do it, so can you. I am a 65 year old retiree who only began working with Dreamweaver about three years ago. My work experience was not in the computer field although we bought our first computer, an Apple IIE, in 1980.

Integrating Muse into an existing website

Hi There
i currently use muse to add landing pages to our existing website but i have come across a few problem regarding integration and was wondering if anyone could help. The way i integrate muse into our website is to host all of the files on our server then re-link the html to point to the files. the HTML for the landing pages are actually inserted into a a div tag basically its a website within a website but the html has to be pasted into our cms system for it to work. I have come across a few problems out line below:
The muse code interferes with the main website code and changes all of the menu font etc.
an error message appears saying files are missing etc (if i remove the warning code this disapears but im presuming there is a warning for a reason)
when i remove the error message the light box function disapears
the main website has a drop down feature on the tabs above the muse page but this doesnt respond on the page.
If you could advise on integrating this i would be very grateful. an example of what i mean can be found at http://arco.co.uk/vinnietest and the html code i use is below:
<div style="width:996px; margin:-10px -10px 0 -10px;">
<style>
body
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
text-align: left;
font-size: 14px;
line-height: 17px;
word-wrap: break-word;
text-rendering: optimizeLegibility;/* kerning, primarily */
</style>
<script type="text/javascript">
   if(typeof Muse == "undefined") window.Muse = {}; window.Muse.assets = {"required":["jquery-1.8.3.min.js", "museutils.js", "jquery.watch.js", "index.css"], "outOfDate":[]};
</script>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
<meta name="generator" content="2014.2.1.284"/>
<title>Home</title>

<link rel="stylesheet" type="text/css" href="103/content/landing_page/vinniestest/css/site_global.css?365011649"/>
<link rel="stylesheet" type="text/css" href="103/content/landing_page/vinniestest/css/index.css?3932596327" id="pagesheet"/>

<script type="text/javascript">
   document.documentElement.className += ' js';
</script>
<div class="clearfix" id="page">
   <div class="position_content" id="page_position_content">
    <div class="colelem" id="u193">
<iframe class="actAsDiv" width="996" height="364" src="http://www.youtube.com/embed/UadRp1mU8SM?autoplay=1&loop=1&playlist=UadRp1mU8SM&showinfo=0 &theme=dark&color=red&controls=0&modestbranding=1&start=0&fs=0&iv_load_policy=3&wmode=tran sparent&rel=0" frameborder="0" allowfullscreen></iframe>
</div>
    <div class="clearfix colelem" id="u354-12">
     <p id="u354-2">Introducing ArcoPro</p>
     <p id="u354-3"> </p>
     <p id="u354-5">To demonstrate our commitment to providing products to the most demanding safety standards we have created ArcoPro. All ArcoPro PPE and hazardwear offer multi-norm protection and satisfy Category III of the European PPE Directive. The ArcoPro range of flame retardant garments has been designed with meticulous detail, using fabrics of the highest quality and technical specification. The range comprises base layers, mid layers and outer layers, which when worn in combination can offer ultimate protection.</p>
     <p id="u354-6"> </p>
     <p id="u354-8">Our Arco design service can provide a bespoke or customer designed garment to meet your specific requirements, we can work with you to remove or add features to our standard garments for example radio loops or pockets.</p>
     <p id="u354-9"> </p>
     <p> </p>
    </div>
    <div class="clearfix colelem" id="u195">
     <div class="clearfix grpelem" id="u304">
      <div class="clearfix grpelem" id="u183-7">
       <p id="u183-2">Layering Garments</p>
       <p> </p>
       <p id="u183-5">We have conducted two sets of tests on our ArcoPro garments both on individual garments and combinations of garments. The test results clearly show the benefits of layering the garments to achieve a higher level of FR protection for the wearer.</p>
      </div>
      <div class="grpelem" id="u186">
<iframe class="actAsDiv" width="595" height="302" src="http://www.youtube.com/embed/qa9jE292kRM?autoplay=0&loop=0&showinfo=0&theme=dark&color=red &controls=1&modestbranding=1&start=0&fs=1&iv_load_policy=3&wmode=transparent&rel=0" frameborder="0" allowfullscreen></iframe>
</div>
     </div>
    </div>
    <div class="clearfix colelem" id="pu318-8">
     <div class="clearfix grpelem" id="u318-8">
      <p id="u318-2">Maximise Your Protection</p>
      <p id="u318-3"> </p>
      <p id="u318-5">Use our ArcoPro app to calculate the level of protection offered from different combinations of ArcoPro garments.</p>
      <p> </p>
     </div>
     <div class="clearfix grpelem" id="u320">
      <div class="clearfix grpelem" id="u321-4">
       <p>See below to configure your protection</p>
      </div>
     </div>
     <div class="clip_frame grpelem" id="u311">
      <img class="block" id="u311_img" src="103/content/landing_page/vinniestest/images/macbook.png" alt="" width="415" height="483"/>
     </div>
     <div class="clip_frame grpelem" id="u328" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=0,M12=-1,M21=1,M22=0,Sizi ngMethod='auto expand')" data-mu-ie-matrix-dx="0" data-mu-ie-matrix-dy="0">
      <img class="block" id="u328_img" src="103/content/landing_page/vinniestest/images/arrow.png" alt="" width="41" height="41"/>
     </div>
    </div>
    <div class="colelem" id="u256">
     <iframe src="//stagedbyhowie.co.uk/tpp/" name="myframe" width="997" height="1200" scrolling="no"></iframe>
</div>
    <div class="clearfix colelem" id="pu341">
     <div class="clip_frame grpelem" id="u341">
      <img class="block" id="u341_img" src="103/content/landing_page/vinniestest/images/screen%20shot%202014-12-04%20at%20094513 .jpg" alt="" width="996" height="399"/>
     </div>
     <a class="nonblock nontext clearfix grpelem" id="u348" href="http://www.arco.co.uk/textsearch?sd=ArcoPro&fq=brand:ArcoPro&catid=-8690"><div class="clearfix grpelem" id="u349-5"><p id="u349-3"><span id="u349">Buy now from our ArcoPro range</span><span id="u349-2"></span></p></div></a>
     <div class="clip_frame grpelem" id="u350">
      <img class="block" id="u350_img" src="103/content/landing_page/vinniestest/images/arrow.png" alt="" width="41" height="41"/>
     </div>
    </div>
    <div class="verticalspacer"></div>
   </div>
</div>

<script type="text/javascript">
   if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
</script>
<script type="text/javascript">
   window.jQuery || document.write('\x3Cscript src="103/content/landing_page/vinniestest/scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
</script>
<script src="103/content/landing_page/vinniestest/scripts/museutils.js?3777594392" type="text/javascript"></script>
<script src="103/content/landing_page/vinniestest/scripts/jquery.watch.js?4144919381" type="text/javascript"></script>

<script type="text/javascript">
   $(document).ready(function() { try {
(function(){var a={},b=function(a){if(a.match(/^rgb/))return a=a.replace(/\s+/g,"").match(/([\d\,]+)/gi)[0].split(","),(parseInt(a[0])<<16)+(parseInt( a[1])<<8)+parseInt(a[2]);if(a.match(/^\#/))return parseInt(a.substr(1),16);return 0};(function(){$('link[type="text/css"]').each(function(){var b=($(this).attr("href")||"").match(/\/?css\/([\w\-]+\.css)\?(\d+)/);b&&b[1]&&b[2]&&(a[b[1 ]]=b[2])})})();(function(){$("body").append('<div class="version" style="display:none; width:1px; height:1px;"></div>');
for(var c=$(".version"),d=0;d<Muse.assets.required.length;){var f=Muse.assets.required[d],g=f.match(/([\w\-\.]+)\.(\w+)$/),k=g&&g[1]?g[1]:null,g=g&&g[2]? g[2]:null;switch(g.toLowerCase()){case "css":k=k.replace(/\W/gi,"_").replace(/^([^a-z])/gi,"_$1");c.addClass(k);var g=b(c.css("color")),h=b(c.css("background-color"));g!=0||h!=0?(Muse.assets.required.splic e(d,1),"undefined"!=typeof a[f]&&(g!=a[f]>>>24||h!=(a[f]&16777215))&&Muse.assets.outOfDate.push(f)):d++;c.removeClas s(k);break;case "js":k.match(/^jquery-[\d\.]+/gi)&&
typeof $!="undefined"?Muse.assets.required.splice(d,1):d++;break;default:throw Error("Unsupported file type: "+g);}}c.remove();if(Muse.assets.outOfDate.length||Muse.assets.required.length)c="Some files on the server may be missing or incorrect. Clear browser cache and try again. If the problem persists please contact website author.",(d=location&&location.search&&location.search.match&&location.search.match(/muse _debug/gi))&&Muse.assets.outOfDate.length&&(c+="\nOut of date: "+Muse.assets.outOfDate.join(",")),d&&Muse.assets.required.length&&(c+="\nMissing: "+Muse.assets.required.join(",")),alert(c)})()})();
/* body */
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
Muse.Utils.prepHyperlinks(true);/* body */
Muse.Utils.fullPage('#page');/* 100% height page */
Muse.Utils.showWidgetsWhenReady();/* body */
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
} catch(e) { if (e && 'function' == typeof e.notify) e.notify(); else Muse.Assert.fail('Error calling selector function:' + e); }});
</script>
</div>

Hi,
Please go through the following links I believe it would be helpful.
https://www.sdn.sap.com/irj/boc/crystalreports-java
https://www.sdn.sap.com/irj/boc/index?rid=/library/uuid/3020847c-6064-2b10-e5be-fcd27295fc16&overridelayout=true
https://www.sdn.sap.com/irj/boc/index?rid=/library/uuid/301717ef-3ad3-2b10-5aad-8d9b73a6e365&overridelayout=true
https://www.sdn.sap.com/irj/scn/elearn?rid=/library/uuid/d0ee1df6-41d3-2b10-de8d-a4fdc5077c68&overridelayout=true
Regards,
Neeraj

Exporting LR4 Slideshow into Flash AS3 Website?

Hello,
I would like to export a LR4 Slideshow into my website that was coded entirely in Flash AS3. I have tried the LR4 Slideshow "export options" but I can not seem to make this work. Does anyone have any suggestions? Is this possible? Since I edit most of my photos in LR4, I would like to be able to use LR4's slideshow option on my website without having to reload my photos into an external slideshow program. Thanks.

Please, I really need your help!

Embedding a Slideshow into a Webpage - Help Please!

Do any of you good people know a way of / have experience of creating a slideshow of images and embedding them in a webpage?
I have created a flash slideshow through Photoshop, It will run as a webpage on its own, however I cannot get it to embed in an existing webpage in Dreamweaver. I am using Photosho[p CS3 and Dreamweaver MX2004
If not, do you know of any other way that I can create a slideshow and embed it into my Dreamweaver page.
Any ideas / advice would be gratefully and greatly appreciated!
Thank you!

In a word, jQuery. Flash isn't as widely supported these days.
A boat load of possible jQuery slide shows and image galleries:
http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How to jump into an existing website

i created a site about 15 years ago. it has since been maintained by someone else, and now it's back in my lap. I used a different program to design it then and i'm heck'a rusty at the whole thing.
i need help with how to get access to the site, I have the host info and password, but i'm not seeing how to do that in Dreamweaver.

Hi,
there are at least two ways.
The one is that you can configure an access by means of DW, the other is carrying out in an external FTP program. I personally prefer the latter.
So I use to upload my files and sometimes for the opposite way, for a necessary download from my server, by using filezilla. It simply looks easier for me to keep track of all operations precisely and generate or reflect easily the desired tree structure.
Above all, FileZilla has a feature (translation from my German FileZilla) called "compare file list". Here it's possible to use file size or modification time as a criterion. There is also the possibility to "hide identical files", so that only these files which you want to redact remain visible.
And even if it means you have to install a new program, I am convinced that there is an advantage. Here is the link to get it and where you can read informations about how it works:
http://filezilla-project.org/ and
http://wiki.filezilla-project.org/Tutorial#Using_the_site_manager
Mac: Mac OS X
http://filezilla-project.org/download.php
Of course, you also need all the access data to reach your server.
Hans-G.

Embeding Youtube Videos into a Flash website

Ok I've tried every possible combination of code I can think of all the codes others have released online but cannot get any results. Im currently working with Flash 8
If someone if clever enough to help please do.
I want it to be on a single frame followed by a stop() command.

You should find what you need here: http://code.google.com/apis/youtube/flash_api_reference.html

In Formscentral: is the form SECURE with SSL even if my existing website does not have SSL?

I plan to embed my new form with html into my existing website. My website does not have SSL. I would like my new form to be SSL secure (will have credit card numbers.) Will the upgraded plan provide this security?

When a form is embedded the submission is protected with SSL. You shouldn't collect credit card information using FormsCentral because the service is not PCI compliant. You should instead use our new integration with PayPal - it supports credit cards and paypal account payments. The credit card info is processed by paypal and they are PCI compliant.
Here is a tutorial on the new payments features: http://forums.adobe.com/docs/DOC-1632

How do I import a swf slideshow into my macromedia Flash MX homepage?

I have a macromedia flash mx homepage that I have been
working on. I made a custom slideshow through this company anvsoft
that they say that you can put the slideshow into the macromedia
flash. I can not get anyone to help me do this there though.....
Is there anyone here that can help me import a swf file
"Movie" slideshow into an existing flash page/scene?
PLEASE :) :) :) I would REALLY appreciate all the help I can
get on this one!!
I have tried to upload it through the "loadmovie" but it
doesn't seem to work.......
Melissa

no no no the fla file is the macromedia flash homepage that I
am working on.
I am trying to put a swf file (slideshow) from the company
that I stated below that I had built externally. I want this
slideshow to show up on the flash page.....
I also need to know once I get it to show up how do I adjust
the size to fit it where I want it to go on the flash page that I
am building.
Thanks so much !! I really apprieciate any help :) :)
Melissa

How to get slideshow into DW? (somewhat urgent!)

I've been using tutorials to lean FW, and think I'm almost there. I'm not finding detailed steps for getting the slideshow into a DW website. Can anyone recommend a video or tutorial on these steps? I did have an account at Lynda.com, but it has expired. If there's a free source available, I'd love to get the info. Thanks for any help . . . I'm working hard on this all weekend and would like to get the SS posted!
Thanks for any help!

Communitymx.com has a tut on the slideshow feature. It's not free but should only be a couple dollars.

Problems embedding keynote slideshow on my website

I have uploaded a keynote presentation from my iPad to iWork.com. I would like to embed this presentation on my website but there is no "show embed code" option under the "show public link" option when I am signed into iWork.com. I do not see anyone posting about this so I'm not sure why I don't have this option or how I can get the code to embed my keynote presentaiton as a slideshow. Please help!

ok i understand
I've just check what you explained in your email and you are right :
When you share your document thanks to the option "publish on the web", you first have the possibility to copy an embed code (i pasted it on Textedit and it works perfectly). But once it's done, unfortunately, it seems not possible to retreive the embeded code on the website.
I am sorry not to give you a better answer, but for me either it is not possible to find the embeded code in the iwork.com website
the only one solution i found is to upload again the keynote file.
Best regards,
Leguall

Adding web gallery into existing website

Hi,
Does anyone know if you can add/import a lightroom created web gallery into an existing webpage? I am redoing my website (originally created with Frontpage, now considering using Expression Web) and want to create photo galleries using lightroom. I know you can create the same type of gallery using Flash, however I don't want to buy a new program when I have lightroom already. I don't have enough experience with HTML to use Dreamweaver.
Thanks!
Nancy

This previews just fine from Dreamweaver but when uploaded non
of my images load. Please see www.jakgallery.com/19701979
All I get is the circular wait icon. Thanks very much for any help you can give. It seems I am one little step away from making it work.
Mike

Copy Existing Website into Dreamweaver

I've got an existing website online, using Filezilla to access my server files. I've tried to import my files into Dreamweaver using the Get function. All appeared to have transfered correctly but I'm getting a "Can't find a valid editor for this extension" anytime I try to open a file.
Is there an additional step I've missed? Should I have downloaded the files differently?
Please let me know the proper way to download server files and set them up in Dreamweaver.
Much Thanks!

Left-Lane wrote:
One of the files I can't open:
/public_html/hoteljobs/app/views/pages/display.ctp
My developer said this is the file containg my homepage.
http://filext.com/file-extension/ctp
Does your developer use BestAddress HTML Editor instead of Dreamweaver? If so, that appears to be a propietary template file.
Or maybe it's a greeting card thing or a ChemDraw template, but I would bet on my first guess.
Mark A. Boyd
Keep-On-Learnin' :-)

I want to know detail of transferring existing website(live) into Cloud Host site facility.

Dear Creative Cloud Support,
Right now I am one of your customer, and already using Adobe web premium product since CS3, right now I am using your CS5 web premium.
And has intention to subscribe for Adobe Cloud.
I am interested to know more detail about your host site facility in Adoce Cloud Host Site (5).
In relation with its features and maximum capacity 20 GB as a member.
My questions:
1.Is this facility only for new domain name or can be used for existing website (live)?
2.Do we transfer a whole website content into this Host Site? Or only a link?
3.If it a facility similar principle like web hosting, what database engine, and language it support?
Maybe my questions are not relate at all with your Host Site terminology, if so please explain more detail about it or direct me to read your article of how step by step we can utilize this service.
Thank you so much for your attention, and I am looking forward to hear from you at my email: [email protected]
Sincerely,
Budhi Suwardi.

Hi Budhi,
1.Is this facility only for new domain name or can be used for existing website (live)?
If you already have a domain you can associate it with 1 of the 5 sites included with the BC web hosting services included with Creative Cloud
2.Do we transfer a whole website content into this Host Site? Or only a link?
You can create and publish an entire site, this is typically done with either Dreamweaver or Muse.
3.If it a facility similar principle like web hosting, what database engine, and language it support?
The service that does the hosting is Business Catalyst and the included service is webBasics. This FAQ has info about the service.
http://www.adobe.com/products/business-catalyst/faq.html
These videos might be useful too:
http://tv.adobe.com/watch/learn-creative-cloud/publishing-and-managing-a-website-with-crea tive-cloud/?go=13698
Dreamweaver
http://tv.adobe.com/watch/introducing-business-catalyst/getting-started-with-business-cata lyst-and-dreamweaver-cs6-what-is-business-catalyst
http://tv.adobe.com/watch/introducing-business-catalyst/getting-started-with-business-cata lyst-and-dreamweaver-cs6-creating-and-publishing-sites/
Muse
http://tv.adobe.com/watch/introducing-business-catalyst/getting-started-with-business-cata lyst-and-muse-what-is-business-catalyst
http://tv.adobe.com/watch/introducing-business-catalyst/getting-started-with-business-cata lyst-and-muse-creating-and-publishing-sites
We also have a forum specifically for Business Catalyst here:
http://forums.adobe.com/community/business_catalyst
They should be able to answer any additional questions you might have.

Embedding a slideshow into my existing website

Similar Messages

Maybe you are looking for