jQuery IE7 problem (using jQuery Cycle plugin) -
I can not work with IE 7 at all. I'm using the jQuery Cycle Plugin, but I believe this problem is with jQuery (and the fact that I am a newbie). I'm trying to use banner rotator which works on Firefox, Safari and IE8. On IE 7, this is not also active ... it only shows each div after each other.
Thank you in advance!
Example
JS
$ (document) .ready (function () {$ ('# myslides'). Lt; div id = "nav" & gt; ') .cycle ({fx:' fade ', // Choose your transition type speed: 600, speedout: 600, timeout: 8000, pause: 0, // so that When a user reaches a slide pager, '# NAV' directs the plugin to create // navigation element}}; // The element of each child in the container is a slide / AJMMathMan.Eight ({manmnude: "Chicken menu 1 ", // Menu DIV ID Orientation: 'H', // horizontal Or vertical menu is created: Set "H" or "V" classname: 'DDSMUTHMAN', // class has been added to the external divis / custom thumbs menu: ["# 1C5A80", "# 18374A "], SOCIERS:" markup "//" markup "or [" container_id "," path_to_menu_file "]}); * /});
css
# MySlide {width: 980 pixels; height: 360px; / * overflow: hidden; * / z-index: 500; background: none! Important;} # MySleid Div (/ * Background: None ! M Twpuarn; # MySlide.TextBlock {Background: URL (../ Images / Home / BG-BB-TextBlock Width: 360px; Padding: 4px; Margin-Top: 42px; Margin-Left: 33px;} # MySleid .textblock div {padding: 17px 8px 10px 18px; border: 1px solid # 756e67;} # myslide h1 {font: normal 24px / 1.2 helvetica, arial, non-serif; text-transform: uppercase; color: #fff; Margin-down: 5px;} # masalide p {font: normal 14px / 1.3 helvetica, a Real, non-serif; Color: #fff;} Refers to #MySlide {display: block; width: 500px; font style: normal; text-transform: uppercase; color: #fff; font-size: 12px; position : Full; bottom: 6px; left: 20px; Z-index: 5000;} # MySleid & gt; Div {width: 980px; height: 386px;} #MySlides .Billboard 1 {Background: URL (../images / Home / BB-Kingston .jpg) Repeat Top Left;} # Masleid. Billboard 2 {Background: url (. ./ images / home / bb-harbor-breeze.jpg) Repeat the top left;} # Masleid .Billboard 3 {Background: URL (../ images / home / BB-monradian.jpg) repeats top left; } .slides {margin left: 385px; Width: 539px; } .navbg {status: Completed; Display area; Z-index: 500; Bottom: 0; Width: 980 pixels; Height: 30px; Background: url (../ images / home / bg-bb-textblocks.png) Repeat Top Left; } # Nav {status: complete; Z-index: 501; Top: 356px; Correct: 10px; Height: 30px; Text align: right; } # Nav A: hover, # nav a. Active Slide {Background: No repeat scrolling 0; font-weight: bold; Color: #fff; } # Nav a {background: url ("") repeat-x scroll 0 0; Color: # d6d2cf; Display: Inline-block; Font: 12px / 18px hellevastica, aerial, san-serif; Height: 18px; Margin: 4px 0 0 5px; Padding: 2px 8px; Text align: center; Text-decoration: None; } #nav {font-size: 23px; }
Remove the last comma in the chakra properties. IE does not eat it:
$ (document) .ready (function () {$ ('# myslides'). Earlier (' & lt; div id = "nav" & gt; ; ') .CCC: Choose the speed of your transition type: 600, speedout: 600, timeout: 8000, pause: 0, // so that users will be on top of a page on the slide:' # NAV '/ / I removed Kamma here}};
Comments
Post a Comment