非常に基本的なタイムラプスシーケンスの画像をまとめています(合計で約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ですか?