Skip to main content
U
unah64949675
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

O
osgood_
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.

    U
    unah64949675Author
    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
      U
      unah64949675Author
      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

      O
      osgood_
      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
      Nancy OSheaCommunity 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
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices