FireFox -- Issue with Spry Gallery

I posted this a few months ago and I was wondering if I could
get an answer.
I want to make the images in the Spry gallery fade out before
a new image fades in. In the current mode the images vanish
instantly followed by a fade-in of the next or previous image.
I have been successful in achieving this effect in IE by
removing the following lines of code in the Gallery.js file (in the
center of the SetMainImage function).
img.style.opacity = "";
img.style.filter = "";
I also changed the background-color of #mainImageOutline in
the css file to #000000 (black). I believe this also resolved the
white speck problem.
Although the fade-out does work properly in IE it does not
work in FireFox. I believe it is the result of the
Spry.Effect.getOpacity or Spry.Effect.getStyleProp functions not
being properly calibrated for Firefox.
quote:
gBehaviorsArray["mainImage"] = new
Spry.Effect.Opacity(img, Spry.Effect.getOpacity(img), 0, {
duration: 400,
In the above line of gallery.js I replaced
"Spry.Effect.getOpacity(img)" by
"1" and that triggered the desired effect for
FireFox although it of course has the habit to set the current
image's opacity to full before fading in to the next image.
Help would be greatly appreciated.
Thank you.

That is because your page is currently invalid. And renders in IE quirksmode..
<base href="http://www.industrialwebsearch.com/">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
So make sure your page is valid, and the animations will go smooth in ie

Similar Messages

Issues with spry gallery in a DW template

Hi all,
I have incorporated a spry gallery I originally found at:
http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album_02.html
into my page. This works fine until I save my page as a template.The js seems to dissapear leaving the gallery area blank. The rest of the page is fine.
I understand this tutorial was written for v8 but have no idea why it wont work in a CS4 template.
I even tested the tutorial html by creating a new site and coverting the html file into a template. Gallery doesnt work.
Any help on this would be awesome as the gallery area was to be a main feature on the home page.
Cheers.

Make the link to the Flash element ROOT relative.
That way, the link doesn't need to be managed and will work
just fine in
your Template child pages.
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
==================
"buckeyestargazer" <[email protected]> wrote
in message
news:gbreos$cpq$[email protected]..
> I'm relatively new to Dreamweaver (version 8) and I'm
having a problem
> inserting a flash (.swf) slideshow of pictures into a
template that then
> updates several webpages. The problem is, when I insert
the flash into
> the
> template page and the webpages get updated, the flash
animation does not
> play
> on the webpages and just has a white box. If I detach
the template from
> the
> webpage, then the flash displays correctly. But the
problem with that is
> then
> there is no point to using a template because I would
have to manually
> update
> each webpage instead of just the template when I want to
make a change to
> all
> the webpages. The problem must be with the template,
because when I try
> to
> attach the template to a very simple webpage containing
only a couple
> words and
> no other graphics, the flash will not display correctly.
Any ideas on
> what is
> wrong or how I can insert a flash slideshow into a
template so that it
> updates
> the webpages correctly?
>
>

Performance issues with Spry

Hi all,
I'm facing some performance issues with Spry. I'm using it
for handling a menubar acting as a rollover menu : its color
changes under mouse cursor, and a submenu does appear at the same
time.
I have no problem when working with Firefox, but in IE6, it
renders too slowly
Is there something I've missed in the configuration or code
(or is there some tips for this kind of problem) ?
For information, I used UL and LI html tags, and I've
configured Spry to render these as a menubar (with multiple levels)
Thanks for your response

Sorry, there are no public access to this application
:-(

Strange issue with Spry Accordion Panels

Hi, I'm having some strange issues with the Spry Accordion
Panels.
Here is the page:
http://www.bellaclientcenter.com/browncollege/aboutus.html
For some reason when I preview this message it adds extra
characters to the url above, so just delete those off to see the
correct url.
The only browser this does NOT happen in is safari, I'm
seeing it all of my other browsers. You'll notice when you first
load up the page, you'll see that the active panel header
background is green, and the non active is a dark grey. But when
you click one of the other panels they all turn a strange neon blue
color. This is very apparent in firefox.
Any thoughts on this? I've attached the spry css code in case
the problem is there.
thanks so much!!
Jeff

That is because your page is currently invalid. And renders in IE quirksmode..
<base href="http://www.industrialwebsearch.com/">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
So make sure your page is valid, and the animations will go smooth in ie

Firefox issues with multiple users on a single computer.

I have an issue with Firefox and multiple users on my computer. There are two users setup and I'm running Win7 Ultimate x64. When the other user logs in, my settings in Firefox get screwed up somehow. Even if that user does not open Firefox.
Examples of problems this causes:
Gmail - Cannot load the standard interface, however it will load the HTML only interface.
Facebook - Cannot post anything.
vBulletin Forums - Some forums will no longer normally load - a text-only version loads as if I was browsing from a mobile device.
There may be other issues, but these are the main ones. If I clear my cookies, cache and browsing and download history, then restart Firefox, everything works again.
This seems to happen most often when the other user logs in, and uses Firefox to log on to their Gmail account.
How can I fix this?

Create a new profile as a test to check if your current profile is causing the problems.<br />
See [[Basic Troubleshooting#Make_a_new_profile|Basic Troubleshooting: Make a new profile]]
There may be extensions and plugins installed by default in a new profile, so check that in "Tools > Add-ons > Extensions & Plugins"
If that new profile works then you can transfer some files from the old profile to that new profile (be careful not to copy corrupted files)
See http://kb.mozillazine.org/Transferring_data_to_a_new_profile_-_Firefox

No Thumbs or Main Image with Spry Gallery Demo

Hi everyone, DW CS3 newbie here.
I hope this topic hasn't been beaten into the ground yet.
I'm trying to put together a site
(members.cox.net/rangersbu9/gallery.html) for my son's soccer team
and am running into a wall getting the original, dynamic Spry
gallery demo to work. I've done my best to collect and modify the
required files and place them appropriately but, when the files are
loaded on the live server (the wrap div contents are all but
invisible when I view with IE7 locally, apparently due to the PC
not be set up as local server) the thumbs are 'x's and the main
image is a 1px x 1px dot.
The controls will highlight between the empty thumbs and the
gallery pull-down will select between the two options I've put in
the XML file but that's about it. Perhaps it is my ignorance, but
it seems like a ( src= ) tag is missing in the 'mainImageOutline'
div because I cannot understand where the main picture is coming
from otherwise.
Any insight from the source at the link above? Please keep in
mind I have two week's experience with DW and website building but
do have a programming background (from a few decades ago :->). I
believe I have the un-updated CS3 Spry version, if that matters.
Many thanks to Don and others here for posts that have helped
me get this far.
-Kurt

Update:
Got the thumbs to appear. Had them physically sized larger
than the XML fields stated. However, they will not grow/shrink. In
digging through gallery.js, I see that those two functions call
Spry.Effects.SizeAndPosition() - I cannot find that function in any
of the includes (i.e. SpryEffects.js). Spry.Effects.Size yes, but
not SizeAndPosition. Wondering if this gallery.js calls a later
version of SpryEffects.js than I currently have installed (it's
Spry 1.4). I will download 1.6 and check it out but if anyone has
any other input, please let me know.
Still no main image. In gallery.js I found ShowCurrentImage()
which had a hardcoded path to the images that did not match mine.
Corrected the path but no change.
Any suggestions?
Thanks.
-Kurt

Firefox issue with quiz?

Hi I finished the quiz for week 1 on Firefox, it showed my score and prompted me to press the finish button to continue. When I do nothing happens, so I'm unsure if my score has been recorded. I know some of the other discussions mentioned that there was a small bug or issue in IE, but I thought it best to report that I was having a similar issue with Firefox.
Damian

Hi Damian -
Thank you. As I noted in this post, later versions of FF (not sure starting with which version) disallow windows closing.
Tom

Firefox Issue With Back button

I am having an issue with SpryHorizontal Menus in Firefox when using the back button. Even did a tutorial with Lynda.com and found their solution file had the same issue. Would anyone who has had success with 3 levels of submenus care to share a snippet of their code as I cannot find the error and outside help hasn't quite resolved the issue.
My code is following this basic outline
<li><div align="center"><a class="MenuBarItemSubmenu" href="#">Academics</a></div>
      <ul id="Academics">
        <li><a class="MenuBarItemSubmenu" href="#">Departments</a>
            <ul id="Departments">
              <li><a href="../tsc_bustech.htm">Business Technologies</a></li>
    <li><a href="../tsc_communications.htm"><font="11.75px">Communications</font></a></li>
      <li><a href=""../tsc_ethics”/>Ethics</a></li>
              <li><a href="../tsc_finearts_hum.htm">Fine Arts and Humanities</a></li>
              <li><a href="../tsc_math.html">Mathematics</a></li>
              <li><a href="#">Natural Sciences</a>
        <ul id="naturalsciences">
    <li><a href="../tsc_bioscience.html">Biological Sciences</a></li>
      <li><a href="../tsc_physicalscience.html">Physical Sciences</a></li>
    </ul>
          </li>
            <li><a href="../tsc_socialscience.htm">Social and Behavioral Sciences</a></li>
            </ul>
        </li>
Thank you.

Hi Beth,
Just an FYI. Also received another nice piece of information to store in the SpryAssets help file from an online Adobe Certified Course Director:
Thanks for your email! It isn’t often I get a great question like that. I had to do some digging, but I came up with a solution. You might have already worked your way through it, but if not the problem is Firefox’s (and Opera’s) caching that’s causing the issue in question. To fix it, you have to reset the submenu dynamic class names when the user clicks the link (re-caching the page is a bad idea).
This is a pretty simple javascript fix. The problem was so interesting that I posted the fix to my blog. You can check out the solution here: http://www.simpleprimate.com/?p=30 if you haven’t already figured it out.
Maria

Alignment Issues with Spry Menu Bar in Safari

www.laurentambard.com
I am new to CS5 and currently building a site for a friend. Having issues with aligning then far right spry menu bar so that it is flush with the page. It only shows a problem on Safari (as far as I know). Also the second tab (About) is dropping down slightly when the drop down menu is selected and not sure how to fix it.

If you place the menubar in a container with an ID of nav or similar and a background color of #EEE so that it blends in with the background colour of the menu items, the centralise the menubar and menu items as per http://labs.adobe.com/technologies/spry/samples/menubar/CenteringHorizontalMenuBarSample.h tml, it should go a long way to meeting your requirements.
Gramps

IE issues with Spry horizontal men

Hi..I created a spry horizontal nav bar and its works fine in
FF, but in IE7 the pull down menus are going all over the place!
The first sub menu goes in the wrong direction and the sub sub menu
flys off to the right. Does anyone have any suggestions? Basically
the horizontal positioning is all messed up! Thanks so
much!!!

I'm having similar issues with IE - only I don't get the nav
at all. Absolutely fine in FF, but it's like I never even created
the menu (save for the code as evidence) when I look in IE.

Linux Mint freezee because of firefox issues with big images

I had few system freezes recently. I am not sure what is the cause of it, but the last one happened when I tried to open image on this website:
http://www.wykop.pl/wpis/10937070/pojechalem-dzis-zobaczyc-co-to-za-dzielnica-dublin/
My whole system stop responding - both screens frozen, but I could still here sounds from kodi. Could not switch to second terminal.
I use the website on windows 7 firefox without issues. However I've got couple of freezes during upload or clicking on the images. Not sure what could cause the system to freeze, but firefox would be the process which took up to 100% of one core previously.
UPDATE:
Actually System freeze happened on google street view as well, so it is not website related.
Here is my info:
Application Basics
Name: Firefox
Version: 34.0
User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:34.0) Gecko/20100101 Firefox/34.0
Multiprocess Windows: 0/1
Crash Reports for the Last 3 Days
All Crash Reports
Extensions
Name: Ghostery
Version: 5.4.1
Enabled: true
ID: [email protected]
Name: Mint Search Enhancer
Version: 1.0
Enabled: true
ID: [email protected]
Name: Stylish
Version: 1.0.7
Enabled: true
ID: {46551EC9-40F0-4e47-8E18-8E5CF550CFB8}
Graphics
Adapter Description: X.Org -- Gallium 0.4 on AMD RV770
Device ID: Gallium 0.4 on AMD RV770
Driver Version: 3.0 Mesa 10.1.3
GPU Accelerated Windows: 0/1 Basic
Vendor ID: X.Org
WebGL Renderer: X.Org -- Gallium 0.4 on AMD RV770
windowLayerManagerRemote: false
AzureCanvasBackend: cairo
AzureContentBackend: cairo
AzureFallbackCanvasBackend: none
AzureSkiaAccelerated: 0
Important Modified Preferences
accessibility.typeaheadfind.flashBar: 0
browser.cache.disk.capacity: 245760
browser.cache.disk.smart_size.first_run: false
browser.cache.disk.smart_size.use_old_max: false
browser.cache.frecency_experiment: 4
browser.display.background_color: #CCCCCC
browser.fixup.domainwhitelist.youtube: true
browser.places.smartBookmarksVersion: 7
browser.sessionstore.upgradeBackup.latestBuildID: 20141127111021
dom.mozApps.used: true
extensions.lastAppVersion: 34.0
media.gmp-gmpopenh264.lastUpdate: 1418517098
media.gmp-gmpopenh264.version: 1.1
media.gmp-manager.lastCheck: 1420986521
network.cookie.prefsMigrated: true
places.database.lastMaintenance: 1420986522
places.history.expiration.transient_current_max_pages: 14607
plugin.disable_full_page_plugin_for_types: application/pdf
plugin.importedState: true
plugin.state.flash: 0
privacy.sanitize.migrateFx3Prefs: true
storage.vacuum.last.index: 1
storage.vacuum.last.places.sqlite: 1419092459
Important Locked Preferences
JavaScript
Incremental GC: true
Accessibility
Activated: false
Prevent Accessibility: 0
Library Versions
NSPR
Expected minimum version: 4.10.7
Version in use: 4.10.7
NSS
Expected minimum version: 3.17.2 Basic ECC
Version in use: 3.17.2 Basic ECC
NSSSMIME
Expected minimum version: 3.17.2 Basic ECC
Version in use: 3.17.2 Basic ECC
NSSSSL
Expected minimum version: 3.17.2 Basic ECC
Version in use: 3.17.2 Basic ECC
NSSUTIL
Expected minimum version: 3.17.2
Version in use: 3.17.2
Experimental Features
---------------------

'''[https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode Start Firefox in Safe Mode]''' {web link}
While you are in safe mode;
Type '''about:preferences#advanced'''<Enter> in the address bar.
Under '''Advanced,''' Select '''General.'''
Look for and turn off '''Use Hardware Acceleration'''.
Poke around safe web sites. Are there any problems?

Issues with Spry image slide-show with filmstrip

Hi
I used the widget browser to place a copy of the 'spry image slideshow with filmstrip' widget on to one of my web pages. I now have several issues that I am out of my depth trying to troubleshoot.
There is a big gap (like excess padding) at the top between the outer frame and the main image frame. I can't see how this has arisen or how to correct it.
Although narrow formatted images are centered horizontally in the image window, wide formatted images appear at the top of the image window, and i would like them to be either centered or at the bottom of the image window
The thumbnail images that i created for the filmstrip are tiling rather than appearing as a single centered image which is what i would like.
I have uploaded my test page to the server and you can see it here:
http://www.hebrideansheep.org.uk/test_gallery.html
any and all help gratefully received as i have spent all day trying to sort this out, but as a total amateur I feel like I am drowning.
Many thanks
John

Move
<link href="Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
to just below
<title>HebWeb: Test gallery</title>
and above
    <style type="text/css">
/* BeginOAWidget_Instance_2141543: #HSS2011images */
#HSS2011images {
    width: 684px;
    margin: 24px 0px 0px 0px;
    border: solid 1px #AAAAAA;
    background-color: #FFFFFF;
    padding-top: 10px;
The style rules that start with the above, are meant to override the rules in basicFS/basic_fs.css, hence they should come after basicFS/basic_fs.css
Gramps

IE Browser Issue with Spry Menu Bar {screen-capture attached}

Hi there, my horizontal spry menu bar is messing up when viwed in Internet Eplorer, HTML shows no errors, after extensive testing still cant find a solution. As you will be aware IE is a popular browser so its imperative i resolve the issue. The site is http://www.theboxinghistorian.com/
View in Chrome and Firefox
View in Internet explorer (IE)
Here is the HTML code
Hope this is enough information for a solution.
Thank you for your time
Mark

I've never used Spry, so take this with a huge grain of salt.. looking at your html, I am kinda wondering how come the 2nd level of the nested list items making up your submenu items arent assigned a different css style - and therefore is your css file setup to handle this change in orientation properly..
You got a class=MenuBarSubItem" on your Championship History, but theres nothing in your html (other than the nested ul within #Menubar1) to indicate that Heavyweight, Cruiserweight, etc. are 2nd Level MenuItems which should be using a different css style.. therefore it would be up to your CSS to handle this change in how these 2nd level sub menu items gets displayed.. looks like this isn't happening for MSIE, as MSIE keeps floating your 2nd level/submenu items horizontally instead of stringing them up vertically.. You may be missing a style rule in your css, but how come FF gets it right?
If I were to recreate this menu myself, I would assign a new css class to make sure my submenu items dont end up floated next to each other.. But then again, i have no clue about Spry, so I might just be rambling nonsense here...

Parenting issue with Spry menu boxes...

Ok, I'm using my spry menu and have sub menus hooked to them. Now the problem I'm having is that every time I change the size of the sub menu box, it changes the size of the main menu box. This is fustrating since I've got only 3 links in the sub menu box and about 6 inches of colorized box space below. Also, when I move one sub menu box it effects all of the other sub menu boxes but not the main one. I believe there's a parent-child issue to where they are connect but I don't know how to unlink these boxes so that they can act independently. Please help!!!

I managed to change the widths of the submenus on my 'test' spry menu and it didn't effect the topbar at all. The changes show in red below:
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 10.2em;   /* was 8.2 */
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 10.2em;   /* was 8.2 */
As for moving the boxes, not sure what you mean here..

IE7 Issue with Spry Horizontal Menu

I am fairly new to all of this, I have developed a web site using horizontal spry menu, everything fine on IE8, Safari and Firefox. When viewed on IE7 there appears a white line above the menu.
Url is www.psweb-test.com could you help please as I can see the problem.

The problem lies with the line-height style rule in ul.MenuBarHorizontal a
I do not know what the solution is but I am sure if you Google the subject, you will find a plethora of discussions regarding same.
One such search gave me the following link http://www.ensight.org/2006/08/23/list-of-ie7-css-bug-fixes/
I hope this helps.
Ben

FireFox -- Issue with Spry Gallery

Similar Messages

Maybe you are looking for