html - repeating an embedded data URI image -


Assume that I have data URI (e.g. & lt; img src = "data: image / png; base 64, .... "/> . .

There is no way to show the image multiple times, referring to the initial one without subsequent images For example (a bad for example): 

   
 head  & lt; img id = "img1" src = "data: image / png; base64, ..." / & Gt; & lt; p & gt; Certain details about my car & lt; / p & gt; & lt; p & gt; Or did I mention that I just bought a car? & Lt; / p & gt; & lt; p & gt; here it is again: & lt; / p & gt; & lt; img some _to_show_another_image_again = "# Img1 "/> ...

It looks like a strange situation, you will get it by placing the image data in a separate file and then the source that is loading every i mage.

Ideally you can move data into a separate file, but if this is not an option then you can use Data-Yuri as a background image for each element? If unsuccessful, you can use javascript to set the source of each image.

The following snippet contains examples of both. 

  var images = document.querySelectorAll (" #js img "); Var src = Image [0] .src; (Var i = 0; i & lt; images.length; ++ i) {images [i] .src = src; }  
  # css img {width: 20px; Height: 20px; Background: url (data: image / gif; base 64, R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o / XBs / fNwfjZ0frl3 / zy7 //// wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7) not repeat center center; }  
  & lt; Div id = "css" & gt; & Lt; P & gt; The source of the image is empty but the background is defined in the stylesheet: & lt; / P & gt; & Lt; Img src = "" / & gt; & Lt; Img src = "" / & gt; & Lt; Img src = "" / & gt; & Lt; Img src = "" / & gt; & Lt; Img src = "" / & gt; & Lt; / Div & gt; & Lt; Hour / & gt; & Lt; Div id = "js" & gt; & Lt; P & gt; Here we use javascript to set the source of all these images to compare the first: & lt; / P & gt; & Lt; img src = "data: image / gif; base 64, R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o / XBs / fNwfjZ0frl3 / zy7 //// wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7" / & gt; & Lt; Img src = "" / & gt; & Lt; Img src = "" / & gt; & Lt; Img src = "" / & gt; & Lt; Img src = "" / & gt; & Lt; / Div & gt;

update ...

In addition to your updated question, I have detected a JS Meets your needs (JS is allowed to accept): 

  (function link unrated image) {var aliasedImages = document.querySelectorAll ("img [src * = '# '] "); (Var i = 0; i & lt; aliasedImages.length; ++ i) {var aliasID = aliased images [i] .src; aliasID = (aliasID.substring (aliasID.indexOf (" # ") + 1)); var Source = document.g EtElementById (aliasID) .src; aliasedImages [i] .src = source;}}) ();  
  & lt; P & gt; This is my star: & lt; / P & gt; & Lt; img id = "img1" src = "data: image / gif; base 64, R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o / XBs / fNwfjZ0frl3 / zy7 //// wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7" / & gt; & Lt; P & gt; Some details about my star & lt; / P & gt; & Lt; P & gt; I mentioned that I just bought a star? & Lt; / P & gt; & Lt; P & gt; And here it is again: & lt; / P & gt; & Lt; Img src = "# img1" / & gt; & Lt; P & gt; And then: & lt; / P & gt;

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