6 Replies Latest reply: Dec 30, 2012 9:22 AM by GVD321 RSS

    How do I source an image with HTML in Adobe Muse?

    naturescape_peopletecture Community Member
    naturescape_peopletecture Dec 28, 2012 6:26 AM

      Hello, I am wanting a horizontal slideshow for images and I got the code to work nicely in my muse website and all I need to do now if populate it with images. I have looked into the syntax for placing an image and I am not too sure how to handle the sourcing (as I've never done code before).  It's to go something like this:

       

      <img src="url" alt="some_text">

       

      I have the images to place in the slideshow sized, cropped, and ready to go in, but I do not know how the input the syntax to "source" my images - they are just sitting in a folder in "my pictures" on my desktop. My workplace has a server where we all can access the same files...will that help?  I've seen where people reference images in their code simply by typing the web address of their website with the image name at the end....which confuses me! -> how do I upload an image to my Muse website without it being seen and then reference it in a slideshow?  That process doesn't seem to make sense. I'm lost! Help please!

        • 1. Re: How do I source an image with HTML in Adobe Muse?
          morgan_in_london Community Member
          morgan_in_london Dec 28, 2012 7:37 AM (in response to naturescape_peopletecture)

          I might be missing something here, but why are you not using one of the slideshow widgets that are provided in Muse?

          ( seeing as the whole point of Muse is to avoid even fiddling with code as above...)

          • 2. Re: How do I source an image with HTML in Adobe Muse?
            naturescape_peopletecture Community Member
            naturescape_peopletecture Dec 28, 2012 8:18 AM (in response to morgan_in_london)

            Good question. Muse has great basic widgets for slideshows, but I am wanting a particular horizontal slideshow that scrolls continuously at a particular speed. I just can't figure out how the sourcing/ uploading of images works with HTML inside of Muse.

            • 3. Re: How do I source an image with HTML in Adobe Muse?
              morgan_in_london Community Member
              morgan_in_london Dec 28, 2012 8:24 AM (in response to naturescape_peopletecture)

              Ahhhhh...I see.

               

              I think you might have to build that entire slideshow outside of Muse in Dreamweaver ( or similar ) and then bring the completed HTML to 'drop' into Muse, ready-to-go. Muse inheriantly doesn't allow you to fiddle with the code...so my educated guess is that this would need to be done outside and brought in.

               

              I am sure others will chime in, but that's my £0.02

              • 4. Re: How do I source an image with HTML in Adobe Muse?
                GVD321 Community Member
                GVD321 Dec 28, 2012 9:33 AM (in response to naturescape_peopletecture)

                bigdbigd37 wrote:

                 

                Hello, I am wanting a horizontal slideshow for images and I got the code to work nicely in my muse website and all I need to do now if populate it with images. I have looked into the syntax for placing an image and I am not too sure how to handle the sourcing (as I've never done code before).  It's to go something like this:

                 

                <img src="url" alt="some_text">

                 

                 

                If all you need to do is populate the slideshow with images then it seems to me that script is telling you to add the url for those images while giving you the opportunity to add alternate text. That last part is an "identifier" to improve SEO. Example - alt="Name of this picture" If that is the case then all you would need to do is add a folder to the root location of your Muse files on your server and name it. I would suggest something other than images (such as assets etc) since "images" is used by Muse. Then point to it.

                Example: <img scr = "http:www.nameofyoursite.com/assets/picture 1" alt="Name_of_this_picture"> Do this for each of your pictures. Which can be time consuming depending on the amout of pics you have and note that you'll probably have to manually update each time since as Morgan stated above- Muse inheriantly doesn't allow you to fiddle with the code.


                Unless I'm completely misunderstanding you, give it a shot.

                • 5. Re: How do I source an image with HTML in Adobe Muse?
                  naturescape_peopletecture Community Member
                  naturescape_peopletecture Dec 29, 2012 8:09 AM (in response to GVD321)

                  Thanks for clearing a bit up for me GVD321. I tried putting in the image source as you described.

                   

                  The thing that I am not sure of is the fact that my site is not live yet. So when I preview it, the site is not the exact address that the website will be, it is a temporary business catalyst site address. Our company has a web address, we still have the old website on it but plan to update it soon. It would be nice to know how to source images in order to simply preview my slideshow in the Adobe Muse program.

                   

                  And to clarify the sourcing in the html, This is how I did it:

                   

                  I made a "Adobe Muse" folder on my companies server before we purchased Muse. I put the Muse website file in that folder as well as made another folder called "photos". In the "photos folder I have several subfolders. The subfolder with the images for the html code slideshow is called "awards_slideshow". One of the images in that folder is called "succulent_copy.jpg".

                   

                  So, I input:

                  leftrightslide[0]='<a href="http://www.jbc1217.businesscatalyst.com/photos/awards_slideshow"><img src="succulent copy" border=1></a>'

                   

                  I also tried these combinations:

                  leftrightslide[1]='<a href="http://www.jbc1217.businesscatalyst.com"><img src="photos/awards_slideshow/succulent_copy border=1></a>'

                  leftrightslide[1]='<img src="http://www.jbc1217.businesscatalyst.com/photos/awards_slideshow/succulent_copy border=1></a>'

                   

                  The website we will eventually use is www.jlbruce.com.  We have not subscribed to business catalyst yet. . . Is this the problem? Can I not embed code to a "temporary website"? Am I correct to say that Adobe Muse will knwo to find these photos in the folder sequence I put in this code? Because the "Adobe Muse" folder on the server is about 4 folders deep from the root server.

                   

                  Please help if you can, sorry if this is confusing.

                  • 6. Re: How do I source an image with HTML in Adobe Muse?
                    GVD321 Community Member
                    GVD321 Dec 30, 2012 9:22 AM (in response to naturescape_peopletecture)

                    Here are a couple o links that will help in your quest and will answer 95% of your questions.

                     

                    http://www.w3schools.com/html/html_images.asp

                     

                    http://www.htmlgoodies.com/primers/html/article.php/3478181/Basic-HTML-Images.htm

                     

                    http://www.adobe.com/products/business-catalyst/faq.html

                     

                    http://www.w3schools.com/js/default.asp

                     

                    http://jquery.com/

                     

                    The other 5% is how well will Muse play with all that. To that I cannot  answer fully because I haven't tested every scenario. Again, the inherent nature of Muse is "designed" to stray away from custom coding. Also in your previous post it is a little unclear as to your where all your Muse folders/files are residing. IE: on your companies server or on BC or a bit of both. I know ultimately all your trying to do is point to something. Seems simple enough right? And there may in your developement come a time when you need the more advanced CMS features, which is why BC seems logical.
                    What you find along the way is that it can get more involved then you anticipated. Certainly if you can make it work then go for it. The problem is at times, while things can seem simple in theory, without sufficient practice employing those theories (the coding/the syntax) then any # of errors can happen leaving you scratching your head and cursing why you bothered in the first place. Another option is to rethink your strategy. Is it really all that important to have the uber cool linear continuous scrolling effect? Will this define my site? Can I implore some imagination and thinking and make it easier on myself by using the tool at hand (Muse) to it's max to achieve the end goal?

                     

                    Just some food for thought but as previously stated if you can make it work then go for it. And if the mods or other users can be of more help than I, then that would be great as well!
                    Happy Holidays, good luck, and please report your findings :-)

                     

                    Edit - With so much going on myself, I forgot to mention that (when you have all your  i's dotted and t's cossed) you could try inserting the script into the html for head feature via the metadata tab in your page properties.

                     

                    Message was edited by: GVD321