CrossY Posted September 9, 2013 Posted September 9, 2013 (edited) Hi there, Since i'm a coding noob, I figured i'd be smart by adding some images to an existing module. Works out fine, for now.. however, it doesnt show images in (some) Chrome browsers. Using this code: <div id="imgwrap"> <div class="img1"> <a href="#"><img src="/modules/minicslider/views/templates/front/img/adv1.jpg" alt="" /> </a> </div> <div class="img2"> <a href="#"><img src="modules/minicslider/views/templates/front/img/adv2.jpg" alt="" /> </a> </div> <div class="img3"> <a href="#"><img src="/modules/minicslider/views/templates/front/img/adv3.jpg" alt="" /> </a> </div> </div> With CSS: #imgwrap { height: 430px; } .img1 a, .img2 a, .img3 a { border: 1px solid; float: left; } .img1 a { float: left; margin-left: 0px; margin-right: 15px; } .img2 a { margin-bottom: 15px; } Nothing special, right. Works fine in most of the browsers i've tried around the house, except for some Chrome. Some chrome it works, some it doesn't. Rather weird.. Small investigation, it uses this code in the non-working-Chrome browsers: <img src="/modules/minicslider/views/templates/front/img/adv3.jpg" alt="" style="display: none !important; visibility: hidden !important; opacity: 0 !important; background-position: 1px 1px;" width="0" height="0"> Right.. now that's an image that wants to remain hidden! The problem is.. I have no idea where this code is coming from!? Is there any way to track this down? Help would be very much appreciated! Regards, Edited September 22, 2013 by CrossY (see edit history) Share this post Link to post Share on other sites More sharing options...
vekia Posted September 9, 2013 Posted September 9, 2013 code that you attached is right from your website content? i suppose that this style="" tag come from js/jquery scripts Share this post Link to post Share on other sites More sharing options...
CrossY Posted September 9, 2013 Posted September 9, 2013 Yes, the first two are from my files, the last bit is from the element inspector (f12) in Chrome. Would there be any way to trace the code to what script it's coming from? I've added the code to the MinicSlider module, but I can't find anything in those files that seem related. Share this post Link to post Share on other sites More sharing options...
vekia Posted September 9, 2013 Posted September 9, 2013 unfortunately i don't know any method to track js scripts execution. the only thing that i can suggest is... analyse js files to page body :| if you added this code to the minic slider module, you should check minic slider .js files Share this post Link to post Share on other sites More sharing options...
CrossY Posted September 9, 2013 Posted September 9, 2013 Haha.. aye, I checked some .js files already. I'm not quite familiar how they work, I searched for "display:" but nothing special showed up. Is there any other way, apart from creating a specific module, to add the code to the frontpage you reckon? It's regarding w w w . z z a d a . c o m -- the 3 pictures below the slider. Wouldn't adding the same code to a different module or whatever create the same problem? I'm kinda lost here.. Share this post Link to post Share on other sites More sharing options...
vekia Posted September 9, 2013 Posted September 9, 2013 i checked your website: i don't see this code :| Share this post Link to post Share on other sites More sharing options...
CrossY Posted September 10, 2013 Posted September 10, 2013 Yea I figured.. i've checked it on about 10 different browsers on 4/5 different computers, only 2/10 seem to give the 'error'.. Screenshot of mine in Chrome: Share this post Link to post Share on other sites More sharing options...
vekia Posted September 10, 2013 Posted September 10, 2013 you know what... screen that i attached is from .... chrome :| Share this post Link to post Share on other sites More sharing options...
CrossY Posted September 22, 2013 Posted September 22, 2013 (edited) Right.. so back at this problem. I figured, since I added the code to the Minicslider, it might interfere somehow with that module. So: i've created my own first module, changed CSS styling.. and yet, the exact same problem! I've disabled all other displayHome modules, but the problem still occurs. Any suggestions to tracing this problem? Reward: €30,- to the one who helps me solve this problem (via PayPal). Edited September 22, 2013 by CrossY (see edit history) Share this post Link to post Share on other sites More sharing options...
CrossY Posted September 22, 2013 Posted September 22, 2013 (edited) you know what... screen that i attached is from .... chrome :| Aye I know.. this problem is mindfucking me and you both I guess Edited September 22, 2013 by CrossY (see edit history) Share this post Link to post Share on other sites More sharing options...
vekia Posted September 22, 2013 Posted September 22, 2013 nope i just missed your message ;( i've got other idea... maybe you've got some software to blocking adds like block add ? (addblock etc.) 1 Share this post Link to post Share on other sites More sharing options...
CrossY Posted September 22, 2013 Posted September 22, 2013 nope i just missed your message ;( i've got other idea... maybe you've got some software to blocking adds (addblock etc.) Bingo! So the question is.. how do I stop Adblocker from blocking it..? Share this post Link to post Share on other sites More sharing options...
vekia Posted September 22, 2013 Posted September 22, 2013 change class names, from button1 to something different, from "homebuttons" to something different too maybe you blocked these picutres by mistake? Share this post Link to post Share on other sites More sharing options...
CrossY Posted September 22, 2013 Posted September 22, 2013 Hmm, changed the div/classes twice now, no solution yet. I didn't block them myself, theres a different PC that fails to work aswell. Perhaps it's in this part: <a href="#"><img src="/modules/homebuttons/img/adv3.jpg" alt="" /> Isnt there a Smarty code for that? To point to the directory rather than writing it like I did? Same for the links I reckon..? Share this post Link to post Share on other sites More sharing options...
vekia Posted September 22, 2013 Posted September 22, 2013 try to change filenames to something different not related to "advert", for example picture1, picture2, picutre3maybe addblock blocking all images / adverts with words similar to "advert" btw. if you disable addblock - everything work for you? 1 Share this post Link to post Share on other sites More sharing options...
CrossY Posted September 22, 2013 Posted September 22, 2013 try to change filenames to something different not related to "advert", for example picture1, picture2, picutre3 maybe addblock blocking all images / adverts with words similar to "advert" btw. if you disable addblock - everything work for you? As the images were named "adv1" etc. they were blocked. Thank you! How to find out? - Install Adblock for Firefox - Press: control + shift + V - It will display the code/images which are blocked @Vekia - If you provide me with your PayPal account, I will transfer the money ASAP. You've been a tremendous help! Share this post Link to post Share on other sites More sharing options...
vekia Posted September 22, 2013 Posted September 22, 2013 you don't have to pay me if you will need some modules, just review my offer, maybe you will find there something useful Share this post Link to post Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now