Multiple of the same sliders on the same page not working

[emilykendallbriggs]

Hey all! i have a Vertical video slider with a feature video. i am using this same slider with different elements throughout one page i am designing. The first slider came out find and functioning, but when i added it again and again with different content in it, the functionality completely broke, can someone please help me!

Here is my site

Introducing D'Addario Core

[ronpat]

Hi emilykendallbriggs, Welcome to the forums.

Please allow me to introduce you to the HTML validator. It’s a splendid tool to use while a page is under development before one accumulates 344 errors.

https://validator.w3.org/nu/?doc=http%3A%2F%2Fassets.daddario.com%2Fcore_landing_tst%2Fcore_landing_page.html

Let me also recommend that you take a basic HTML/CSS course.

[Mittineague]

Hi emilykendallbriggs welcome to the forum

That page has some problems

[Invalid] Markup Validation of...

Whether or not fixing as many of those would solve your issue or not I don’t know, but it would be a good place to start.

Maybe the image path is incorrect?

Dev tools console shows several “not founds”

> GET http://assets.daddario.com/core_landing_tst/product_detail_new-core.css 
> JQMIGRATE: Logging is active
> JQMIGRATE: jQuery is not compatible with Quirks Mode
> console.trace()
> '//@ sourceURL' and '//@ sourceMappingURL' are deprecated, please use '//# sourceURL=' and '//# sourceMappingURL=' instead.
> GET http://www.daddario.com/upload/flag_usa_topnav_18X14.jpg 404 (Not Found)
> GET http://www.daddario.com/upload/pm_mega_menu_inked_usa.jpg 404 (Not Found)
> GET http://www.daddario.com/upload/pm_mega_menu_inked_canada.jpg 404 (Not Found)
> GET http://www.daddario.com/upload/pm_mega_menu_inked_uk.jpg 404 (Not Found)
> GET http://www.daddario.com/upload/pm_mega_menu_inked_austrailia.jpg 404 (Not Found)
> GET http://assets.daddario.com/core_landing_tst/product_detail_new-core.css 
> Uncaught TypeError: $(...).prettyPhoto is not a function
> GET http://assets.daddario.com/core_landing_tst/images/btn_search_topnav_26X22.jpg 404 (Not Found)
> GET http://assets.daddario.com/core_landing_tst/images/bg_top_header.png 404 (Not Found)
> GET http://www.daddario.com/upload/icon_facebook_25X18.jpg 404 (Not Found)
> GET http://www.daddario.com/upload/icon_twitter_25X18.jpg 404 (Not Found)
> GET http://www.daddario.com/upload/icon_youtube_25X18.jpg 404 (Not Found)
> GET http://www.daddario.com/upload/icon_blogger_25X18.jpg 404 (Not Found)
> 'webkitIDBFactory' is deprecated. Please use 'IDBFactory' instead.