ಇನ್ನೂ ಹೆಚ್ಚು jQuery–ಒಂದು ಇಮೇಜ್ ಉದಾಹರಣೆ ಮರುಗಾತ್ರಗೊಳಿಸಿ

ನಾನು ಒಂದು ಕ್ಲೈಂಟ್ ತಂದೆಯ ಹಳೆಯ ವ್ಯಾಪಾರಿಯಿಂದ ಒಂದು ವೆಬ್ ಭಾಗ ಆನುವಂಶಿಕವಾಗಿ ಮತ್ತು ಒಂದು ಚಿತ್ರದ ಗಾತ್ರ ಸಮಸ್ಯೆ.  ಚಿತ್ರಗಳನ್ನು 60 ಇರಬೇಕು×50 ಆದರೆ ಅದು ವಿರುದ್ಧವಾದ ಕಾರಣ, ಮೂಲ ಮಾರಾಟಗಾರರ 42 ಅವುಗಳನ್ನು ಬಲವಂತವಾಗಿ×42, ಆದ್ದರಿಂದ ಅವರು ನಜ್ಜುಗುಜ್ಜುಮಾಡಿ ಅಪ್ಪಚ್ಚಿ ನೋಡಿ:

 

ಉತ್ತಮ ಚಿತ್ರ

ಬ್ಯಾಡ್ ಇಮೇಜ್

ಇಲ್ಲಿ ಮಾರ್ಕ್ಅಪ್ ಇಲ್ಲಿದೆ (ಸ್ವಲ್ಪ ಸರಳೀಕೃತ):

<ಟೇಬಲ್ ವರ್ಗ = 'ವಿಸ್ತರಿತ-ದೃಷ್ಟಿಕೋನವನ್ನು'>
  <thead>
    <TR>
      <ನೇ  ಅಗಲ = '100′>3 ಮಂಗಳವಾರ</ನೇ>
    </TR>
  </thead>

  <tbody>
    <TR ವರ್ಗ = 'ಮುನ್ಸೂಚನೆ'>
      <ಟಿಡಿ ಅಗಲ = '100′>
        <ಬೀದಿ>
          <ಲಿ ವರ್ಗ = 'ಉನ್ನತ'>ಎತ್ತರದ: 72&ನೀವು;ಎಫ್</ಲಿ>
          <ಲಿ ವರ್ಗ = 'ಕಡಿಮೆ'>ಕಡಿಮೆ: 44&ನೀವು;ಎಫ್</ಲಿ>
          <ಲಿ ವರ್ಗ = 'ಸ್ಥಿತಿ'>ಬಿಸಿಲು
            <img src =’
HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ ಅಗಲ = '42’ ಎತ್ತರ = '42’ ಆಲ್ಟ್ =” />
          </ಲಿ>
        </ಬೀದಿ>
      </ಟಿಡಿ>
    </TR>

  </tbody>

</ಮೇಜು>

ನೀವು ಗಮನಿಸಿ ಮಾಡುತ್ತೇವೆ ಎಂದು ಸಹ ಚಿತ್ರವನ್ನು ಸ್ವತಃ ಮಾರ್ಗವನ್ನು ಸರಿಯಾದ ಆಯಾಮ ತೋರಿಸುತ್ತದೆ (60×50) ಮೂಲ ಮಾರಾಟಗಾರರ 42 ಅದನ್ನು ಬಲವಂತವಾಗಿ×42.  ವೈ?  ಕ್ರೇಜಿ.

ಹೇಗಾದರೂ, ನಾನು ಈ ಸಮಸ್ಯೆಯನ್ನು ಶೀಘ್ರ ಮತ್ತು ಸುಲಭ ಪರಿಹಾರ ಬೇಕಾಗಿದ್ದಾರೆ ಮತ್ತು ನಾನು jQuery ತಿರುಗಿತು.  ಟ್ರಿಕ್ ಸೂಕ್ತ ಎಲ್ಲಾ ಪತ್ತೆ ಆಗಿತ್ತು <img> ಟ್ಯಾಗ್ಗಳು.  ನಾನು ಯಾವುದೇ ಇತರ img ಟ್ಯಾಗ್ಗಳು ಬಗ್ಗೆ ಹೆಂಗಸು ಇಷ್ಟವಿರಲಿಲ್ಲ (ಅನೇಕ ಅದರಲ್ಲಿ).  JQuery ಈ ಬಿಟ್ ಟ್ರಿಕ್ ಮಾಡಿದರು:

<ಸ್ಕ್ರಿಪ್ಟ್ ಕೌಟುಂಬಿಕತೆ = "ಪಠ್ಯ / ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್" SRC ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></ಸ್ಕ್ರಿಪ್ಟ್>

<ಸ್ಕ್ರಿಪ್ಟ್ ಕೌಟುಂಬಿಕತೆ = "ಪಠ್ಯ / ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್">
     $(ದಾಖಲೆ).ಸಿದ್ಧ(ಕ್ರಿಯೆ () {

         $(‘li.condition > img ').ಪ್ರತಿ(ಕ್ರಿಯೆ (ಸೂಚಿ, ವಸ್ತು)
           
{
             $(ವಸ್ತು).CSS("ಅಗಲ", "60"); 
             $(ವಸ್ತು).CSS("ಎತ್ತರ", "50");
            });
     }); // ದಸ್ತಾವೇಜನ್ನು ಲೋಡ್ ಮೇಲೆ
</ಸ್ಕ್ರಿಪ್ಟ್>

ಸಂಹಿತೆ ಬಿಟ್ ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಕಂಡುಕೊಳ್ಳುತ್ತಾನೆ <ಲಿ> ಇದರ ವರ್ಗ ಟ್ಯಾಗ್ಗಳು "ಸ್ಥಿತಿ" ಮತ್ತು <img> ಮಕ್ಕಳು.  ಇದು ಆ ಎಲ್ಲಾ ಮೂಲಕ iterates.  ಒಂದು ಸೊಬಗು ರೀತಿಯ ಕೆಲಸ.

ನಾನು ಬಹುಶಃ ಸುಗಮಗೊಳಿಸು ಸಾಧ್ಯವಾಯಿತು, ಆದರೆ ನಾನು π ಪರಿಹರಿಸಬಹುದು ಎಂದು ಯುನಿಕ್ಸ್ ವ್ಯಕ್ತಿ ಒಂದು ರೀತಿಯ ಎಂದಿಗೂ ಗೆ 18 ಅಂಕೆಗಳು ನಿಖರವಾದ ಸೆಡ್ ಮತ್ತು awk ಬಳಸಿ ಮತ್ತು ನಾನು jQuery ವ್ಯಕ್ತಿ ವೇಳೆ ಎರಡೂ ಬಗೆಯ ಇಲ್ಲ ಮನುಷ್ಯ ಸ್ಮೈಲ್.

</ಕೊನೆಯಲ್ಲಿ>

ನನ್ನ ಬ್ಲಾಗ್ ಚಂದಾದಾರರಾಗಿ.

ನಲ್ಲಿ ಟ್ವಿಟ್ಟರ್ ನನ್ನನ್ನು ಅನುಸರಿಸಿ http://www.twitter.com/pagalvin

ಒಂದು ಉತ್ತರಿಸಿ ಬಿಡಿ

ನಿಮ್ಮ ಈಮೇಲ್ ವಿಳಾಸ ರ ಆಗುವುದಿಲ್ಲ. ಅಗತ್ಯವಿರುವ ಜಾಗ ಗುರುತಿಸಲಾಗಿದೆ *