{"id":4063263,"date":"2013-08-24T22:43:13","date_gmt":"2013-08-24T22:43:13","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/jqueryjs-generated-css-error\/"},"modified":"2016-08-21T04:16:01","modified_gmt":"2016-08-21T04:16:01","slug":"jqueryjs-generated-css-error","status":"closed","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/jqueryjs-generated-css-error\/","title":{"rendered":"JQuery\/JS generated CSS error"},"content":{"rendered":"

Hi,<\/p>\n

Just installed your plugin but a couple of images are appearing as broken.<\/p>\n

The code for the images use JS, JQuery and the CSS is created within the the js code as follows:<\/p>\n

if(!has_filmstrip) {\n\t\t\t\t\/\/Add navigation buttons\n\t\t\t\t$('<img \/>').addClass('nav-next').attr('src',img_path+opts.nav_theme+'\/next.png').appendTo(j_gallery).css({\n\t\t\t\t\t'position':'absolute',\n\t\t\t\t\t'zIndex':'1100',\n\t\t\t\t\t'cursor':'pointer',\n\t\t\t\t\t'top':((opts.panel_height-22)\/2)+'px',\n\t\t\t\t\t'right':'10px',\n\t\t\t\t\t'display':'none'\n\t\t\t\t}).click(showNextItem);\n\t\t\t\t$('<img \/>').addClass('nav-prev').attr('src',img_path+opts.nav_theme+'\/prev.png').appendTo(j_gallery).css({\n\t\t\t\t\t'position':'absolute',\n\t\t\t\t\t'zIndex':'1100',\n\t\t\t\t\t'cursor':'pointer',\n\t\t\t\t\t'top':((opts.panel_height-22)\/2)+'px',\n\t\t\t\t\t'left':'10px',\n\t\t\t\t\t'display':'none'\n\t\t\t\t}).click(showPrevItem);\n\n\t\t\t\t$('<img \/>').addClass('nav-overlay').attr('src',img_path+opts.nav_theme+'\/panel-nav-next.png').appendTo(j_gallery).css({\n\t\t\t\t\t'position':'absolute',\n\t\t\t\t\t'zIndex':'1099',\n\t\t\t\t\t'top':((opts.panel_height-22)\/2)-10+'px',\n\t\t\t\t\t'right':'0',\n\t\t\t\t\t'display':'none'\n\t\t\t\t});\n\n\t\t\t\t$('<img \/>').addClass('nav-overlay').attr('src',img_path+opts.nav_theme+'\/panel-nav-prev.png').appendTo(j_gallery).css({\n\t\t\t\t\t'position':'absolute',\n\t\t\t\t\t'zIndex':'1099',\n\t\t\t\t\t'top':((opts.panel_height-22)\/2)-10+'px',\n\t\t\t\t\t'left':'0',\n\t\t\t\t\t'display':'none'\n\t\t\t\t});<\/code><\/pre>\n
The next.png and prev.png appear as broken images and when you inspect the element:<\/p>\n
<img class="nav-next" src="undefinedlight\/next.png" style="position: absolute; cursor: pointer; top: 344px; right: 58px;"><\/code><\/pre>\n
and<\/p>\n
<img class="nav-prev" src="undefinedlight\/prev.png" style="position: absolute; cursor: pointer; top: 344px; left: 58px;"><\/code><\/pre>\n
So the CSS is not being translated correctly by the plugin. <\/p>\n
When I de-activate the plugin I get the correct CSS for these images:<\/p>\n
<img class="nav-prev" src="http:\/\/www.mysite.com\/wp-content\/themes\/hybrid-theme\/library\/js\/themes\/light\/prev.png" style="position: absolute; cursor: pointer; top: 344px; left: 58px;"><\/code><\/pre>\n
<img class="nav-next" src="http:\/\/www.mysite.com\/wp-content\/themes\/hybrid-theme\/library\/js\/themes\/light\/next.png" style="position: absolute; cursor: pointer; top: 344px; right: 58px;"><\/code><\/pre>\n
Please can you provide a fix for this asap. Otherwise I cannot use your excellent plugin.<\/p>\n
Many Thanks
\nIndy<\/p>\n
https:\/\/wordpress.org\/plugins\/dependency-minification\/<\/p>\n","protected":false},"template":"","class_list":["post-4063263","topic","type-topic","status-closed","hentry","topic-tag-css","topic-tag-images","topic-tag-javascript"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/4063263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/4063263\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=4063263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}