?
Solved

jquery galleryview component

Posted on 2009-12-17
1
Medium Priority
?
1,349 Views
Last Modified: 2012-05-08
I'm trying to use this jquery galleryview plugin: http://appleton.me/galleryview/.

Everything works fine accept for the top image does nto fade in/out (it just appears) unless I remove the doctype which I can not do. If I remove it, it will mess up the page layout & the entire site (the doctype is part of the master page).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

I believe the problem lies within one of the javascript files or script on the page:

<script src="http://appleton.me/wp-content/themes/appleton.me 1.6/js/jquery.js"></script>
<script src="http://appleton.me/wp-content/themes/appleton.me 1.6/js/jquery.galleryview-2.0-pack.js"></script>
<script src="http://appleton.me/wp-content/themes/appleton.me 1.6/js/jquery.timers-1.1.2.js"></script>
<script src="http://appleton.me/wp-content/themes/appleton.me 1.6/js/jquery.easing.1.3.js"></script><!-- This is optional !-->
<link rel="stylesheet" href="http://appleton.me/wp-content/themes/appleton.me 1.6/css/galleryview.css" type="text/css" />
<script>
      $(document).ready(function(){
            $('#gallery').galleryView({
                  panel_width: 800,
                  panel_height: 300,
                  frame_width: 50,
                  frame_height: 50,
                  transition_speed: 350,
                  easing: 'easeInOutQuad',
                  transition_interval: 0
            });
      });
</script>
0
Comment
Question by:robanddeanna
1 Comment
 
LVL 27

Accepted Solution

by:
azadisaryev earned 2000 total points
ID: 26079270
fading of images does not work at all in IE8 strict mode.
works fine in other browsers.
also works when IE8 is in compatibility view mode.

SOLUTION:

use X-UA-Compatible meta tag to make IE8 render the page in compatibility mode.

add this tag to the <head> section of your page, making sure it is added BEFORE any js and stylesheets:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Azadi
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article is meant to give a basic understanding of how to use R Sweave as a way to merge LaTeX and R code seamlessly into one presentable document.
Geo-targeting is the practice of distributing content based on a person’s location, as best as you can determine it. Let’s look at some ways you could successfully use this tactic. The following tips and case studies could lead to meaningful results.
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…
In this fourth video of the Xpdf series, we discuss and demonstrate the PDFinfo utility, which retrieves the contents of a PDF's Info Dictionary, as well as some other information, including the page count. We show how to isolate the page count in a…
Suggested Courses

621 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question