Skip to main content
Known Participant
November 1, 2019
Answered

Jquery Image effects and jquery vertical menu bar issues

  • November 1, 2019
  • 3 replies
  • 1155 views

Hi

I recently upgraded to Dreamweaver CC2019 from CS5.5 when my old computer died. I had quite a large site building with Jquery image effects to blow up the images and Spry vertical menu bars. Spry has gone so I purchased a jquery Vertical menu bar which went on to pages OK but now I find the j queryImage Effects will not work on the same page. The image comes up correctly in the browsers but as soon as I add image effects it disappears from the browsers. Any ideas please?

This topic has been closed for replies.
Correct answer Nancy OShea

Only 1 jQuery code library is allowed per document.  If you have 2 different plugins that each require a different jQuery library, you will have conflicts.  Ideally, all plugins should work with the latest stable release of jQuery.  As of this writing, that is the one below.

 

<script   src="https://code.jquery.com/jquery-3.4.1.min.js"   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="   crossorigin="anonymous">

</script>

3 replies

Legend
November 2, 2019

This is the issue you will encounter when using newer and older jquery solutions. Newer jquery solutions will most often use or require a newer version of the jquery library which then may be incompatible with older jquery solutions/plugins. You probably now need to find an alternative jquery solution for your image effects or try both plugins with the older jquery library. Sometimes you get lucky but dont set up a conflict by using different versions of the jquery library on the same page.

Known Participant
November 2, 2019

Thank you so much, I have had the image effects solutions4websites has been around for some years and I was trying to run it on the same page as the Vertical Menu. I need to just find something else to do a simple blow up of the images on each page I think as I don't want to disturb the menus. 

Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
November 1, 2019

Only 1 jQuery code library is allowed per document.  If you have 2 different plugins that each require a different jQuery library, you will have conflicts.  Ideally, all plugins should work with the latest stable release of jQuery.  As of this writing, that is the one below.

 

<script   src="https://code.jquery.com/jquery-3.4.1.min.js"   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="   crossorigin="anonymous">

</script>

Nancy O'Shea— Product User & Community Expert
Known Participant
November 2, 2019

Thank you Nancy, I have spent days trying to get them both on a page, I thought it was something that I was doing wrong but I am now going to try to find something else to simply enlarge the images. Best wishes, Una

Legend
November 3, 2019

If you were to supply a link to the page in question someone would be able to advise you. These days, depending on the complexity of what it is you require, then css can often be used to achieve an effect when once javascript or jQuery was required.  

Nancy OShea
Community Expert
Community Expert
November 1, 2019

CS5 was a long time ago.  How about posting a URL to the problem page so we can see what's going on?

Nancy O'Shea— Product User & Community Expert