前提
ブログサイトをガラケーで閲覧する必要があるのですが、
記事の中に画像が多く容量オーバーしてしまいます。
そこで画像を全てテキストリンクに置換したいと考えています。
置換したいのは「entry」というIDでくくった内の画像全てです。
実現したいこと
<img src="○○○.jpg" alt="□□□" /> というタグがあった場合、 <a href="○○○.jpg">□□□</a> としたいです。試したこと
<script type="text/javascript"> <!-- $(function(){ $('#entry img').each(function(e) { var url = $(this).attr('src'); var alt = $(this).attr('alt'); } }); }); --> </script>
上記で画像のリンクと表示したいテキストは取得できるのかと思いますが、
その後どうすればIMGタグをテキストリンクに変えられるのか見当がつかなくなってしまいました。
ご教授いただけましたら幸いです。よろしくお願い致します。
JavaScriptは基本的にHTMLを全て読み込んでから動作するので画像を全て読み込んでからimgタグ→aタグへの変換を行うことになります。つまり、後から変換することになり、結局全て画像も読み込むのでこの対応はあまり意味がないように思います。HTMLを最初から全てリンクにしておくことはできないのでしょうか?
例え初期値display:noneにしていても結局読み込みはするので、これもあまり意味がなかったりします。
mts10806様、ありがとうございます。説明不足でしたが、スマホやPCからの閲覧の際には普通に表示させ、ガラケーの時だけリンクにしたいのです。(ガラケーの振り分けは出来ています。)同一ソースを利用するので上記方法が良いかと思っての事ですが、もし他に解決策があればご提案いただけますでしょうか。
機種は何でしょうか?
回答3件
あなたの回答
tips
プレビュー