2

非常に基本的なタイムラプスシーケンスの画像をまとめています(合計で約120枚の画像)。

imagekitをインストールし、specs.pyファイルを必要に応じて調整し、データベースに「ポインター」を入力しました。imagekitはサムネイルを生成しました.....すべて順調です。

私のviews.pyには以下が含まれます:

def pics(request):
        p = Photo.objects.all()
        return render_to_response('Shots.html',
                {'p': p})           

私のShots.htmlには

{% for p in p %}
<tr>
    <td>
    <img src="{{ p.thumbnail_image.url }}" alt="p.name">
</td>
</tr>   
{% endfor %}

ただし、カーソルをサムネイルに置いたときに元の(大きい)サイズの画像を表示したいので、これだけでは実用的ではありません。もちろん、JavaScriptで「onmouseover」を使用する前にこれを実行しました。また、CSS画像のロールオーバー手法を使用してこれを実行しました。

ImageKitには、そのような機能を提供する独自のオブジェクト/メソッドがあり、JavaScriptやCSSを必要としませんか、それともソリ​​ューションは厳密にHTMLですか?

4

1 に答える 1

2

ImageKitは必要な画像サイズを生成できますが、クライアント側でロールオーバー効果を処理するには、独自のJSやCSSを使用する必要があります。

于 2010-03-06T20:52:41.290 に答える