ನಾನು ಒಂದು ಕ್ಲೈಂಟ್ ತಂದೆಯ ಹಳೆಯ ವ್ಯಾಪಾರಿಯಿಂದ ಒಂದು ವೆಬ್ ಭಾಗ ಆನುವಂಶಿಕವಾಗಿ ಮತ್ತು ಒಂದು ಚಿತ್ರದ ಗಾತ್ರ ಸಮಸ್ಯೆ. ಚಿತ್ರಗಳನ್ನು 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