web-dev-qa-db-ja.com

画像またはビデオ入力の選択

ユーザーがカルーセルを追加できるアプリケーションのバックオフィスを作成する必要があります。カルーセルには、画像とビデオ(YouTubeまたはVimeoから)の両方のスライドがあります。

ユーザーが[ビデオスライドの追加]または[画像スライドの追加]をクリックすると、フィールドはajaxを介して動的に追加されます。

ただし、ユーザーは10を超えるスライドを追加できません。それをどのように実装しますか?最大に達したときにリンクを別の色にすることを考えました。

また、フィールドをホバーしたときに「削除」リンクを表示することも考えました。

これが私のモックアップです:

enter image description here

1
onimojo

ユーザーとして、時間を費やした後で限界に達したくないのです。たとえば、50枚の写真をすべてアップロードしてスライドショーを作成できると考えて、50枚の写真をアップロードしたとします。 10枚のスライドに制限があり、10枚目または11枚目のスライドを追加するまでこの制限に気付かない場合、私は不幸になります。したがって、最初の提案は、上限を最初から示すことです。 (上限が、1000や10000スライドなど、ばかげたことを防ぐためだけの場合は、適用されません。)

制限に達したことを示し、それ以上追加されないようにする方法に関しては、リンクを変更またはグレー表示にすることは許容できると思います。最も重要な部分は、クリック可能に見えないようにすることです。

ボタンの場合、これは通常、テキストが灰色で、ベベルが削除されて平らに見えることを意味します。

リンクの場合、これは色を変更し(灰色はほとんどの配色に適しています)、下線を削除することを意味します。マウスオーバーの色が非マウスオーバーの色と同じであること、およびカーソルが指に変化しないことを確認してください。これを行うには、リンクをプレーンテキストに置き換えるか、リンクのスタイルを変更します。

「削除」リンクについては、追加することに同意します。スライドを並べ替える方法もお勧めします。ドラッグアンドドロップ、または上下矢印のボタンを使用できます。

4
mouseas