Cloudinary Upload Widget - Styling-Upload Vorschaubild (Breite und Höhe)

Nun, ich bin versuchen, den Stil von Cloudinary hochladen Widget anpassen: http://cloudinary.com/documentation/upload_widget Cloudinary Upload Widget - Styling-Upload Vorschaubild (Breite und Höhe)

ich die richtigen CSS für Limit anwenden möchte das Bild/Leinwand der Bildvorschau während des Fortschritts. Versuchen Sie, ein Bild auf der obigen Seite hochzuladen, um zu sehen, wie es funktioniert. Screenshot

ich die Breite/Höhe der obigen Bildvorschau und ganze Ladebalken begrenzen wollen:

Während des Uploads wird eine Vorschau angezeigt. Wie? Was ist der CSS-Selektor?

Quelle

2016-05-03 user3594130

Vielleicht .image_holder oder .thumbnail_inner aber es ist schwer zu sagen, da es ein halbes Dutzend Elemente gibt. Nachdem Sie das Bild geöffnet haben, klicken Sie einfach mit der rechten Maustaste darauf und wählen Sie "inspect element" oder etwas ähnliches.

Das Widget ändert nur einige Elemente während des tatsächlichen Uploads, so dass Sie in der Lage sein sollten, einen geeigneten Selektor zu erhalten.

Quelle

2016-05-03 14:00:07 yezzz

Ich habe die folgenden css hinzugefügt: div.image {Höhe: 165px;} div.progress_bar {Breite: 90%;} .thumbnail_inner {Höhe: 165px;} ul.thumbnails.clear {Höhe: 165px;} div. image_cover {Höhe: 165px; Padding: 0px;} .thumbnail.done {Höhe: 165px;} div.image_holder {Höhe: 165px;} Leinwand {Höhe: 165px;}, aber ich erreiche nur das Bild, nicht das größere graue Quadrat. :( – user3594130

vielleicht meinst du div.jcrop-halter? – yezzz

Ich habe immer noch dieses Problem. Irgendwelche Idee? – user3594130

Cloudinary Upload Widget - Styling-Upload Vorschaubild (Breite und Höhe)

Antwort

Verwandte Themen