Rollover images in Dreamweaver 6 not showing up

I upgraded from Dreamweaver CS4 to the latest version. I cannot view the images that revolve / rotate on website.
Does anyone know where to find the images?

<section id="features-slider" class="ss-slider">
<article class="slide">
<img src="http://demo.samuli.me/_media/smartstart-html/sliders/features-slider/features_img_1.jpg" alt="" class="slide-bg-image" />
<div class="slide-button">
<span class="dropcap">1</span>
<h5>Responsive Layout</h5>
<span class="description">From desktop to mobile</span>
</div>
<div class="slide-content">
<h2>Responsive Layout</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec purus justo.</p>
<p><a class="button" href="#">Read More</a></p>
</div>
</article>
<article class="slide">
<img src="http://demo.samuli.me/_media/smartstart-html/sliders/features-slider/features_img_2.jpg" alt="" class="slide-bg-image" />
<div class="slide-button">
<span class="dropcap">2</span>
<h5>HTML5 / CSS3</h5>
<span class="description">For today and tomorrow</span>
</div>
<div class="slide-content">
<h2>HTML5 / CSS3</h2>
<p>Hendrerit eleifend condimentum quis, varius at lacus. Donec ultrices justo scelerisque erat feugiat sed mattis justo volutpat.</p>
<p><a class="button" href="#">Read More</a></p>
</div>
</article>
<article class="slide">
<img src="http://demo.samuli.me/_media/smartstart-html/sliders/features-slider/features_img_1.jpg" alt="" class="slide-bg-image" />
<div class="slide-button">
<span class="dropcap">3</span>
<h5>Easily Customisable</h5>
<span class="description">Build the way you want!</span>
</div>
<div class="slide-content">
<h2>Easily Customisable</h2>
<p>Etiam at nunc felis, vitae gravida libero. Morbi molestie elit eget metus volutpat vitae bibendum quam lacinia. Maecenas porttitor blandit nisl sit amet blandit. Phasellus porta sodales accumsan.</p>
<p><a class="button" href="#">Read More</a></p>
</div>
</article>
<article class="slide">
<img src="http://demo.samuli.me/_media/smartstart-html/sliders/features-slider/features_img_3.jpg" alt="" class="slide-bg-image" />
<div class="slide-button">
<span class="dropcap">4</span>
<h5>Unique & Clean</h5>
<span class="description">Stand out from the crowd!</span>
</div>
<div class="slide-content">
<h2>Unique & Clean</h2>
<p>Fusce porta elit quis nunc mollis ut lacinia eros accumsan. Aenean consequat egestas diam, vel pharetra tellus venenatis in.</p>
<p><a class="button" href="#">Read More</a></p>
</div>
</article>
</section>
This is your slider section in the HTML document. Notice the images here:
http://demo.samuli.me/_media/smartstart-html/sliders/features-slider/features_img_1.jpg
http://demo.samuli.me/_media/smartstart-html/sliders/features-slider/features_img_2.jpg
and so on..

Similar Messages

Rollover images in Dreamweaver CS6 show blue frame in Internet Explorer...

Hi
I've created some very simple rollover buttons in Photoshop and placed them into Dreamweaver as rollover images to use as a navigation bar.
They appear correct in all browsers except Internet Explorer - they appear with a blue frame around? The table boarder is set to 0...
My Dreamweaver knowledge is very limited so appologies if there is a very simple solution to my problem :-)
Many thanks for any suggestions.
Kim

Thank you for your help - this works :-)
Sorry about my lack of knowledge :-)
Thanks again!

Help needed; underscore in rollover image name will not validate at WC3

GoLive CS on an Intel PC
UTF8 encoded, HTML 4.01 Transitional
I have several rollovers in a page created by using the GoLive palletes, and because GoLive automatically adds an underscore to an image name in a nested folder the page cannot validate at the WC3 site. What do I need to do so that the underscore will not be added automatically? I've tried adding a name/ID to the image before creating the rollover, but it disregards the name and uses what it thinks is best, adding the underscore.
The page is located here:
http://www.redshift.com/~lorac/sdy-55.html
I have attached three images that show the file names used and the results in the GoLive pallete. The first is a screenshot of the folder structure, the second is the placed image pallete and the third is the rollover pallete view.GoLive is set to strip all the GoLive code from the page before uploading, so the web version will not have any GL code.
A sample WC3 comment is:
Line 86, Column 226: value of attribute "ID" invalid: "_" cannot start a name
…pg');return true" href="#"><img id="_5502" class="img_border" src="images/jhj
✉
It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.
Do I need to unnest any folders with potential rollover images? That would be a real pain... considering the amount sections and images used in the site.
Thank you in advance for any help you can give.
Carol

I did as you suggested and added to the beginning of the default underscored name in the "name/ID" section and it was accepted. I changed all the rollover image names and uploaded the modified page, and was then able to validate at the WC3 validation site.
Thank you so much! It was an easy fix... a solution I had overlooked. Oddly enough this never occurs with a remote rollover, but that is probably because GL lets you name the base image without suggesting a name first.
Carol

Airplay mirror imaging icon will not show up on my macbook pro even though i downloaded mountain lion. How do i get airplay icon to appear on my macbook pro?

i have a macbook pro (almost positive that its a 2010 version) and i got mountain lion. The BIGGEST AND MAIN REASON i bought mountain lion was so that i can do airplay, allowing me to mirror image what is on my mac to my Apple TV. my whole computer is updated as far as the displays and newer features but the small airplay icon will not show up on the top of my screen. therefore, not allowing me to mirror image what is on my mac to my tv... it is connected to the same wifi as my apple tv. idk what to do. could it be because my macbook pro is a 2010? desprately looking for help...please help me with this issue
thank you

Welcome to Apple Support Communities
Read > http://support.apple.com/kb/HT5404 AirPlay Mirroring requires an Early 2011 or newer MacBook Pro, so your MacBook Pro isn't supported.
To mirror your MacBook Pro's display onto the Apple TV, you can use an application like Beamer or AirParrot even if AirPlay Mirroring isn't compatible

All images in Project not showing up

I have 2000 images in a project but for some reason I can only get one subset of them [89 images] to show up. I have checked to show all, I've gone into smart albums and they all show up but only 89 show up when I want to open the entire project...This is true in the maximized viewer and also in list view. I deleted the plist and reopened and it's still happening. I wanted to avoid a full rebuild of the Library [not sure how to rebuild only a project] if possible. I just want to be able to see and work with all my 2000 images in that project, not just the subset. Thanks.

Hello, Victoria
Quote: "I have 2000 images in a project but for some reason I can only get one subset of them [89 images] to show up. I have checked to show all, I've gone into smart albums and they all show up but only 89 show up when I want to open the entire project..."
What firstlaunch said and also did you make any Folders within a Folder? If so the other photos will not show up by design because a Folder within a Folder will force a separation of the images — this is a good thing because sometimes you may not want clients to see what other clients have within projects/jobs.
victor

Import images grid does not show file extension

I use Aperture in a "referenced" mode. At times, I have jpeg files in the same folder as my nef files (which had already been imported into Aperture). The import images list does not have (or I cannot find out how to display) the file name that shows the file extension too. Of the data available, i can scroll to the right and see a lot of different metadata in the list, but not the file extension.
Does anyone know how to have the file extension displayed in the list that is shown when trying to import?
thanks

Aperture can display just about anything you would like to display. The key is putting the correct field into the metadata set for that is being used for the browser or viewer that is active (you can have two ready to go and switch between them or none with a shortcut key)
This should tell you everything you ever didn't want to know
[Aperture Metadata Display|http://photo.rwboyer.com/2008/08/aperture-and-metadata-display>
RB

My image files will NOT show up when I import them

I CANNOT see my image files when I import them. This is the case regardless of whether I import them directly from my image files, or from my Flash library. They WILL NOT show up in the stage area, although the panel on the right shows the file! What can I do to correct this? I am using Flash CS4 which I need for my Digital Design classes through the Art Institute of Pittsburgh! I will FAIL this course if I can't get this program to work properly!!

Here are a few things to check:
Do you have anything else on Stage that might be covering them up? Is your target layer locked? Is the layer visibility turned off?
Are you doing this in an existing document, or a brand new document?

Project Structure Images from css not showing in subfolders....

Hi, I'm a newbe to JSF but really want to learn how to use it as Im currently doing a college project with Hibernate, and the JSF managed beans seems ideal for projects like this, anyways here's my prob...
Im using Netbeans 6.8 for a web-project with the normal folder structure, so in the Web Pages folder, i've an
index.xhtml intro page
css folder
js folder
images folder
pages folder for rest of pages
and obviously to access the css in the index page i'd include:
<link href=css/style.css rel=stylesheet type=text/css />and then to access and add images to the index pages from the css, i the style.css file I have e.g.,
body{
     font-family:sans-serif, Ariel;
     font-size:12px;
     background: url(../images/bg.png) top left repeat-x;
} and so on for all the js and ajax stuff which all works fine.
However in the pages subfolder say I've a page called solar.xhtml well then while it is possible for to access the css's by using ../ as in
    <link href=../css/style.css rel=stylesheet type=text/css />which adds the colour scheme and font types etc.so it's 100% getting this, however the images from the images folder are not being displayed, which I really can't understand as if I change the page to solar.jsp then it works fine also all the files inthe js folder are being accessed from the subfolder with ../ just not the images.
Would really appreciate any help or advice you could give me....
Many Regards
Pat Nevin

Hi - I've found the solution, so thanks anyway for anyway who was gona help!

Website created in Dreamweaver not showing up after upload to server

Hi everyone.
I have created a website in Dreamweaver CS4 which views beautifully in test mode, but when I upload it to my server, all I get is an index directory of all the pages!
I've tried renaming my index.html page as index.htm, but nothing changed.
Also, if I try clicking each of the pages separately, they show up without the 35 px padding at top that I specified on all my template pages! On top of that, not all of the links work.
Any suggestions???
B.

UPDATE
Hello again.
Okay, I changed all of my html files, uploaded the site and found it was still glitchy. Long story short: I realized that I also saved many image files using some capitals. For example: img_Car.jpg. So now I'm going back and changing everything!
Quick question: I created my pages using sliced Photoshop layers, Save for Web and Devices>Save Html and images. So basically, all of my Dreamweaver pages have loaded the image files using capitals.
Other than going through each template and tweaking the code, is there a faster way that I could update the Dreamweaver pages to recognize that the relabelled images in my root folder?
B.

Image size is not showing correct in Link Information in Illustrator CS3

Hi Guys,
I am using Mac OS 10.4.11 and Adobe CS3. I have a problem in Illustrator CS3. Let me explain what is that....
If I place a link in illustrator which is having PMS colors then some times illustrator is showing wrong image size in Link information panle. Please see the link. That link was already placed 100%. But sill it is showing 24%. Do some one have solution for this. If you have pleas let me know...
regards
HARI

Hi Neeraj
If I remove clipping path then it is showing 100%. But I did not get one thing, I have another image which is having clipping path and spot colors. If I place that image in Illustrator, Image size is showing 100%. There is no error in that file. So I think, this is not about clipping path, some other reason could be there.... If you want I'll give that image which is having clipping path and spot channels.
Thanks for the reply....
HARI

Background image repeat-y not showing

I have done a search here without success.
I have a rough setup of a site that will show the background
repeat-y in a div in IE but will not display it in firefox or
safari.
My css and and xhtml validate W3C.
I am no pro and have tried several things I can think of
without any luck.
Here is the url
http://www.asmc.ca/index2.html
Thanks in advance

The problem was that the div on which the background image
was applied was
collapsing around its non-floated descendents. You needed to
do something
to clear those floats before closing the div#innerwrapper.
The
'overflow:hidden' style forces the browser to establish a new
block context
for that div, effectively clearing the floats within, and
allowing the div
to wrap even the floated elements.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Bryan628" <[email protected]> wrote in
message
news:g6qsdt$350$[email protected]..
> Thanks Murray,
> That did the trick. So it was happening for 2 reasons?
> 1 the div I had it on?
> 2 the overflow hidden code?
>
> What does the overflow hidden mean/do
> And thanks again guys
>
>
>
quote:
Originally posted by:
Newsgroup User
> Change your #innerwrapper rule to this -
>
> #innerwrapper {
> height: auto;
> width: 768px;
> background: url(images/body_bkgrnd.jpg) repeat-y;
> overflow:hidden;
> }
>
> and see if that helps.
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
> ==================
>
>
> "Bryan628" <[email protected]> wrote in
message
> news:g6qqk1$1ag$[email protected]..
> > And thanks for your time.
> >
http://www.asmc.ca/index2.html
> >
> > Bryan
>
>
>
>
>

Rollover images with buttons not working on subsequent pages.

I'm trying to create an interactive PDF wherein images "pop-up" when the cursor rolls over a trigger button. I've successfully employed the Buttons feature to create three such images on one page. However, on a subsequent page images will not appear upon trigger rollover. All three work perfectly on that first page, and I'm using the same procedure on all images/buttons. I checked to see if something was going on in the Tab Order, but each page has its own Tab Order, so I don't know about that. Working in CS6 for Mac.

In my InDesign file, I have been very meticulous to link each trigger button with the image button and to assign the appropriate actions to the trigger button. Based on what I have learned, when doing this with InDesign, you make both the trigger object--whether an image or, in my case, a box at 0% transparency that covers text--and the object to be shown/hidden into buttons. Maybe that's where I am getting this wrong? Still, that obviously works for some instances and not for others, so this is confounding.
I do see what you mean about manually adjusting the objects in Acrobat, and that's a trick for adjusting one or two things, but it's tedious to do that with many links in a document that I'm working on. Given the number of "pop-ups" that I want to create for my completed document, the solution has to take place in InDesign.
Additionally, I have tried just about every permutation of tab orders in the Object-->Interactive-->Set Tab Order feature in InDesign. All to no avail.
I thank you very much for your time and efforts on this, Gilad. And I apologize for my lack of facility with forum standards (e.g. "How do I post a file, duh?"). Long time reader, first time post-er, haha.

Images and styles not showing in Design view on CS3

Hi all,
I am playing around with a CSS website template that I downloaded and
opened in DW-CS3. I am just using this to learn and play around with. It
came with the style sheet, jpg images etc.
I just noticed that when in Design view for the index page, that the images
and styles, menus are not displaying, only the html text is visible in Design view.
When I preview the site with a browser like IE or FF, it displays fine along with
any changes I have made.
Does anyone have any ideas?
Regards,
dano

In DW, View > Style Rendering > Display Styles on?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

I have gif animated images that are not showing up in my web page when I am view in Firefox. The images are fine in IE. I would like to tell all of our clients to use FireFox but with this issue I can't recommend firefox. Please let me know what I can do.

I am using a word document, converting to html and I am not seeing my animated image.No problem in IE 9 and I wouldn't think it would be a problem in Firefox.

Am working on a webpage with some animated gifs in it. Everything works fine when it is loaded up, the images display and animate continuously. But these gifs may be updated on the server. I have some javascript that checks if the gifs have been updated by checking the modified meta data. If it has that image is reloaded. this works fine and the new image is brought up but that animation is never started. it just sits there on the first frame.
works as planned in chrome. it also worked as planned in FF9 but does not in FF12

Firefox / Google - After initial search return the "Images" option does not show on left nav area

''Duplicate post, continue here - [https://support.mozilla.com/en-US/questions/783666]''
It used to work! Having made NO changes to my system / software but now, suddenly, when I type a search term in Google, I no longer get the option to show just "Images"only link on the left nav with the rest of the options like: View Videos, Books, Blogs etc. Nor the option to select what minimum size image I want to see. Works right in IE! (Shows "Images only" option) BUT I HATE IE!! PLLLLEASE HELP
[email protected]

Clear the cache and the cookies from sites that cause problems.
* "Clear the Cache": Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"
* "Remove the Cookies" from sites causing problems: Tools > Options > Privacy > Cookies: "Show Cookies"
Start Firefox in [[Safe Mode]] to check if one of the add-ons is causing the problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
* Don't make any changes on the Safe mode start window.
See:
* [[Troubleshooting extensions and themes]]
* [[Troubleshooting plugins]]

Rollover images in Dreamweaver 6 not showing up

Similar Messages

Maybe you are looking for