2008508

|アイテムウィジェットの写真にリンクをば

アイテムウィジェットサムネイルの写真がポップアップで開くアイテムウィジェット。

ポップアップいらないなー。

と思い立ち、リンクにしますた。

Wing Memo

上のサイトを参考にしました。ありがとう。

これをMT4.1デフォルトwidget用に書いてみたのが以下です。赤字の部分に表示したい数を指定します(例:10個並べたい場合は10と記入する)。私の頭の理解の及ぶ範囲で組んでみたので、参照元とはちょっとタグ使いが違うところがありますが、目的は達せられているのでよしとします。私の好みでサムネイルを全部正方形にするカスタマイズも入れてますので、スタイルシートの変更も忘れずに。

<注>4.1以降でないと使えません。4.0、4.01では動作しませんのでご注意下さい。 

へー、サムネイル四角くしたいな...。

<MTIfNonZero tag="AssetCount">
<div class="widget-recent-assets widget">
<h3 class="widget-header">Photos</h3>
<div class="widget-content">
<ul class="widget-list">
<MTSetvar name="imgcount" value="-1">
<MTEntries lastn="0">
<MTEntryAssets type="image" lastn="1">
<MTSetVar name="imgcount" op="++">
<MTIf name="imgcount" lt="10">

<MTSetVarBlock name="imgw"><$MTAssetProperty property="image_width"$></MTSetVarBlock>
<MTSetVarBlock name="imgh"><$MTAssetProperty property="image_height"$></MTSetVarBlock>
<li class="item">
<a class="asset-image" href="<$MTEntryPermalink$>" title="<$MTEntryTitle$>">
<MTIf name="imgw" gt="$imgh">
<img src="<$MTAssetThumbnailURL height="70"$>" class="asset-img-thumb" alt="<$MTEntryTitle$>" title="<$MTEntryTitle$>" />
<MTElse>
<img src="<$MTAssetThumbnailURL width="70"$>" class="asset-img-thumb" alt="<$MTEntryTitle$>" title="<$MTEntryTitle$>" />
</MTElse>
</MTIf>
</a></li>
</MTIf>
</MTEntryAssets>
</MTEntries>

</ul>
</div>
</div>
</MTIfNonZero>
.item {
display: inline;
float: left;
margin: 0pt 5px 8px;
overflow: hidden;
text-align: center;
vertical-align: middle;
width: 70px;
height: 70px;
}

Trackback(0)

このブログ記事を参照しているブログ一覧: アイテムウィジェットの写真にリンクをば

このブログ記事に対するトラックバックURL: http://www.flow-hi-low.com/mt/mt-tb.cgi/10

Comment

Photos

  • Blip.fmは大ヒットの予感
  • 人生のところどころに彼女がいました。
  • SNSの新しいコミュニケーション
  • UNIQLO TRY2 当選
  • チェリオ なんちゃってオレンジ
  • 紹介する動機付け「ONEDARI Mail CHANCE」
  • リアル脱出ゲームイベント「HEP HALLからの脱出2」
  • UNIQLO MEETS CORTEO
  • 沖縄行ってきた
  • FUTUREX創刊!
このブログを購読

Photo Gallery

Photo Gallery

QR Code

携帯電話用QRコード
あわせて読みたいブログパーツ
なかのひと
[プレスブログ]価値あるブログに掲載料をお支払いします。