![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
Accessible News Sliderの( view all )と( view less )を画像に変えたいのですがどうすれば良いでしょうか?
よろしくお願いします。
■サンプルページURL
http://www.32byte.com/downloads/kayanhaber/index …
No.1ベストアンサー
- 回答日時:
// jquery.accessible-news-slider.js 78行目
$next.css( "display", "block" )
// テキスト"view all"をimg要素(all.gif)に変更
.parent().after( [ "<p class=\"view_all\">", settings.headline, " - ", li.length, " total <a href=\"#\"><img class=\"all-img\" src=\"all.gif\" alt=\"view all\"></a></p>" ].join( "" ) );
jQuery( ".view_all > a, .skip_to_news > a", $this ).click(function() {
var skip_to_news = ( jQuery( this ).html() == "Skip to News" );
var img = jQuery('img', this ); // img要素(追加)
if ( img.hasClass('all-img') || skip_to_news ) { // クラス名"all-img"を持っているかで分岐(変更)
ul.css( "width", "auto" ).css( "left", "0" );
$next.css( "display", "none" );
$back.css( "display", "none" );
if ( !skip_to_news ) {
// 各属性の書き換え(変更)
img.attr( {'src': 'less.gif', 'alt': 'view less', 'class': 'less-img'} );
}
} else {
if ( !skip_to_news ) {
// 各属性の書き換え(変更)
img.attr( {'src': 'all.gif', 'alt': 'view all', 'class': 'all-img'} );
}
ul.css( "width", ( li.length * liWidth ) );
$next.css( "display", "block" );
}
return false;
});
jquery.accessible-news-slider.jsに手を加えないと無理みたい。
src、alt、class各属性値は適当に書き換えて下さい。
オリジナルと比較してみて、なんとなくでも何をやってるのか把握できれば
自分で手を加えられるようになるかも知れないです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- PHP 画像ファイルの名前をそのままURLにする 3 2022/10/16 11:18
- 英語 液体を海外から購入するのですが一つの容器にまとめて欲しいと伝えたいです。 3 2023/04/25 00:39
- その他(IT・Webサービス) 301リダイレクトの使い方について 7 2022/04/05 17:50
- その他(プログラミング・Web制作) 恒久的リダイレクトについて 2 2023/07/13 15:58
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- HTML・CSS HTMLとCSSコードを教えてください 1 2022/04/27 09:47
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- Visual Basic(VBA) EXCEL VBAで NHK NEWSの NEWSデータ内容取得が できない 1 2023/04/09 12:26
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【OpenCV】二値画像後、白の部...
-
複数画像のランダム複数表示(...
-
JavaScriptで変更した属性の元...
-
MFCで画像を表示させているので...
-
色の変更
-
変化する休日に対応したい。
-
画像が表示でnull; this.src
-
javascriptテキストBOX色を元に...
-
textareaに画像を表示したい
-
MAX関数を使ってからLEFT JOIN...
-
JSPでの画像ファイル表示
-
jspでcssが読み込めない
-
C言語のポインタ表現
-
Slick.jsのオプションrtlについて
-
getElementByIdの戻り値がnull...
-
jQueryでサーバー上のファイル...
-
重なった画像にクリックイベン...
-
キャラクターがぴょこんと飛び...
-
初期状態でテーブルの非表示
-
JQuery UIで、表示したタブの中...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScriptで変更した属性の元...
-
MFCで画像を表示させているので...
-
【OpenCV】二値画像後、白の部...
-
外部javascriptの重複を防ぐには
-
Vb.net2005での画像の合成方法
-
pythonで、tkinterとpillowの組...
-
html内にスライドショーを複数設置
-
ラズパイでno module named zbar
-
libjpegライブラリの使い方につ...
-
リンク先を動的に変更する
-
外部ファイルにしたら文字化け...
-
プログラムの上手な書き方は?
-
複数画像のランダム複数表示(...
-
error LNK2019 未解決のシンボ...
-
pythonのpygameでキャラクター...
-
imgボタンにfocusの当て方
-
OpenCVで固定枠で画像を操作す...
-
(javascript)HTMLで指定した...
-
<noscript>と</a>の関係
-
nodejsの画像表示は特別なこと...
おすすめ情報