javascript - Problem adding image overlay (jQuery) -


What do I want to do to get all the images with the name of a specific class, and put an overlay image on them . My script thus far in jQuery 1.2.6: 

  jQuery.noConflict (); JQuery (document) .ready (function ($) {var module = $ (".module- contactus div div div"); module.find ("img.let"). Each (function () {var iWidth = $ ( This) .wide (); var iHeight = $ (this) .height (); var letimg = $ ('& lt; img src = "/ LET.png" style = "status: full; top: 50%; Given: 50%; Margin-top: - 'Math. Cecil (iHeight / 2) +' PX; Margin-left: - '+ Math. Cecil (Iwouth / 2) +' Px; '/ & gt;' ; Var wrapper = $ ('& lt; span style = "position: relative; display: inline-block;" & gt; & lt; / span & gt;'); $ (this). Wrap (wrapper); letimg .appendTo (wrapper);});});

did not include letimg in the document (According to firebug). Although the duration element successfully wraps the original image. Also, if I type $ (this) to the attachment function , But then it is added inside the original image, then it works a bit!

Edit: The markup is below (additional devices are the result of Joomla .) 

  & lt; Div class = "module-contactus" & gt; & Lt; Div & gt; & Lt; Div & gt; & Lt; Div & gt; & Lt; Img src = "/ contact1.jpg" /> & Lt; Img class = "walk" src = "/ contact2.jpg" /> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;

The second image has been changed after the script: 

  & lt; Span style = "position: relative; display: inline-block;" & Gt; & Lt; Img class = "walk" src = "/ contact2.jpg" /> & Lt; / Span & gt;

However, it should end in such a way: 

  & lt; Span style = "position: relative; display: inline-block;" & Gt; & Lt; Img class = "walk" src = "/ contact2.jpg" /> & Lt; Img src = "/ LET.png" style = "..." /> & Lt; / Span & gt;

This has worked for me: 

  Jquery no dispute (); Each function () (var iWidth = $ (this) .width (); var iHeight = ($ ("$ img.let", $ ("module-communication div div div")) $ (this). ; Var Lookimg = '& lt; img src = "http://www.roomsinworcester.co.uk/images/stories/LET.png" style = "status: full; top: 50%; left: 50%; margin -Tap: - '+ Meth. Cecil (IHight / 2) +' PX; Margin-left: - '+ Math. Cecil (Iwouth / 2) +' PX; '/' 'Var wrapper = $ (' & Lt; span style = "position: relative; display: inline-block;" gt; & lt; / span & gt; '); $ (this) .rap (cover). Later (letimg);});} );

As a side note I took some of your variables, and said Maybe you will continue to remove others (put the IMG tag directly later, the wrapper directly into the wrap function, etc.). Though there is no big deal.


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more