Actualización
This commit is contained in:
@@ -0,0 +1,9 @@
|
||||
.h5p-image > img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.h5p-image > .h5p-placeholder {
|
||||
background: url('placeholder.svg');
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
var H5P = H5P || {};
|
||||
|
||||
/**
|
||||
* Constructor.
|
||||
*
|
||||
* @param {Object} params Options for this library.
|
||||
* @param {Number} id Content identifier
|
||||
* @returns {undefined}
|
||||
*/
|
||||
(function ($) {
|
||||
H5P.Image = function (params, id, extras) {
|
||||
H5P.EventDispatcher.call(this);
|
||||
this.extras = extras;
|
||||
|
||||
if (params.file === undefined || !(params.file instanceof Object)) {
|
||||
this.placeholder = true;
|
||||
}
|
||||
else {
|
||||
this.source = H5P.getPath(params.file.path, id);
|
||||
this.width = params.file.width;
|
||||
this.height = params.file.height;
|
||||
}
|
||||
|
||||
this.alt = params.alt !== undefined ? params.alt : 'New image';
|
||||
|
||||
if (params.title !== undefined) {
|
||||
this.title = params.title;
|
||||
}
|
||||
};
|
||||
|
||||
H5P.Image.prototype = Object.create(H5P.EventDispatcher.prototype);
|
||||
H5P.Image.prototype.constructor = H5P.Image;
|
||||
|
||||
/**
|
||||
* Wipe out the content of the wrapper and put our HTML in it.
|
||||
*
|
||||
* @param {jQuery} $wrapper
|
||||
* @returns {undefined}
|
||||
*/
|
||||
H5P.Image.prototype.attach = function ($wrapper) {
|
||||
var self = this;
|
||||
var source = this.source;
|
||||
|
||||
if (self.$img === undefined) {
|
||||
if(self.placeholder) {
|
||||
self.$img = $('<div>', {
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
class: 'h5p-placeholder',
|
||||
title: this.title === undefined ? '' : this.title,
|
||||
on: {
|
||||
load: function () {
|
||||
self.trigger('loaded');
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
self.$img = $('<img>', {
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
src: source,
|
||||
alt: this.alt,
|
||||
title: this.title === undefined ? '' : this.title,
|
||||
on: {
|
||||
load: function () {
|
||||
self.trigger('loaded');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
$wrapper.addClass('h5p-image').html(self.$img);
|
||||
};
|
||||
|
||||
return H5P.Image;
|
||||
}(H5P.jQuery));
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Alternative text",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Hover text",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image."
|
||||
},
|
||||
{
|
||||
"label": "Image content name",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "الصورة"
|
||||
},
|
||||
{
|
||||
"label": "النص البديل",
|
||||
"description": "مطلوبة. إذا كان المتصفح لم يتمكن من تحميل الصورة سيتم عرض هذا النص بدلا من ذلك. تستخدم أيضا من قبل مكبرات الصوت للقراءة"
|
||||
},
|
||||
{
|
||||
"label": "وضع مؤشر الفأرة فوق الصورة",
|
||||
"description": "اختياري. يتم عرض هذا النص عندما يقوم المستخدم بتحويم موشر الفارة فوق الصورة"
|
||||
},
|
||||
{
|
||||
"label": "اسم ملف الصورة",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Изображение"
|
||||
},
|
||||
{
|
||||
"label": "Алтернативен текст",
|
||||
"description": "Задължителен. Ако браузърът не може да зареди изображението, вместо него ще се покаже този текст. Използва се също и от екранните четци \"text-to-speech\"."
|
||||
},
|
||||
{
|
||||
"label": "Текст при посочване",
|
||||
"description": "Не е задължителен. Този текст се показва, когато потребителя задържи мишката върху изображението."
|
||||
},
|
||||
{
|
||||
"label": "Име на тип съдържание Изображение",
|
||||
"default": "Изображение"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Slika"
|
||||
},
|
||||
{
|
||||
"label": "Alternativni tekst",
|
||||
"description": "Obavezno. U slučaju da se slika ne pokaže onda će se pokazati ovaj tekst ili biti elektronskm glasom pročitan."
|
||||
},
|
||||
{
|
||||
"label": "Hover Tekst",
|
||||
"description": "Opcionalno. Ovaj tekst će se pokazati kada mišom prelazimo preko slike."
|
||||
},
|
||||
{
|
||||
"label": "Naziv slike",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Alternative text",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Hover text",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image."
|
||||
},
|
||||
{
|
||||
"label": "Image content name",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Obrázek"
|
||||
},
|
||||
{
|
||||
"label": "Alternativní text",
|
||||
"description": "Povinné. Pokud prohlížeč nemůže načíst obrázek, zobrazí se místo toho tento text. Také se používá \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Najeďte kurzorem na text",
|
||||
"description": "Volitelné. Tento text se zobrazí, když uživatelé umístí své polohovací zařízení na obrázek."
|
||||
},
|
||||
{
|
||||
"label": "Název obsahu obrázku",
|
||||
"default": "Obrázek"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Alternative text",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Hover text",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image."
|
||||
},
|
||||
{
|
||||
"label": "Image content name",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Bild"
|
||||
},
|
||||
{
|
||||
"label": "Alternativtext",
|
||||
"description": "Erforderlich. Falls das Bild nicht geladen werden kann, wird dieser Text stattdessen angezeigt. Wird auch zum Vorlesen von Bildschirmtexten genutzt."
|
||||
},
|
||||
{
|
||||
"label": "Mouseover-Text",
|
||||
"description": "Optional. Dieser Text wird angezeigt, wenn der Mauszeiger über dem Bild ruht."
|
||||
},
|
||||
{
|
||||
"label": "Name des Bildinhalts",
|
||||
"default": "Bild"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics":[
|
||||
{
|
||||
"label":"Εικόνα"
|
||||
},
|
||||
{
|
||||
"label":"Εναλλακτικό κείμενο",
|
||||
"description":"Αυτό το κείμενο εμφανίζεται σε περίπτωση που ο φυλλομετρητής αδυνατεί να φορτώσει την εικόνα. Χρησιμοποιείται επίσης και κατά την ακουστική υποβοήθηση. (απαιτείται)"
|
||||
},
|
||||
{
|
||||
"label":"Επεξηγηματικό κείμενο",
|
||||
"description":"Αυτό το κείμενο εμφανίζεται όταν ο χρήστης περνά τον κέρσορα πάνω από την εικόνα. (προαιρετικά)"
|
||||
},
|
||||
{
|
||||
"label":"Όνομα περιεχομένου εικόνας",
|
||||
"default":"Εικόνα"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Imagen"
|
||||
},
|
||||
{
|
||||
"label": "Texto alternativo",
|
||||
"description": "Necesario. Si el navegador no puede cargar la imagen este texto será mostrado en su lugar. También es usado por lectores de \"texto-hablado\"."
|
||||
},
|
||||
{
|
||||
"label": "Texto al pasar el ratón encima",
|
||||
"description": "Opcional. Este texto es mostrado cuando el usuario pasa el puntero del ratón encima de la imagen."
|
||||
},
|
||||
{
|
||||
"label": "Nombre del contenido de la imagen",
|
||||
"default": "Imagen"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Imagen"
|
||||
},
|
||||
{
|
||||
"label": "Texto alternativo",
|
||||
"description": "Necesario. Si el navegador no puede cargar la imagen este texto será mostrado en su lugar. También es usado por lectores de \"texto-hablado\"."
|
||||
},
|
||||
{
|
||||
"label": "Texto al pasar el ratón encima",
|
||||
"description": "Opcional. Este texto es mostrado cuando el usuario pasa el puntero del ratón encima de la imagen."
|
||||
},
|
||||
{
|
||||
"label": "Nombre del contenido de la imagen",
|
||||
"default": "Imagen"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Pilt"
|
||||
},
|
||||
{
|
||||
"label": "Alternatiivtekst",
|
||||
"description": "Nõutud. Kui brauser ei saa pilti laadida, siis näidatakse seda teksti. Samuti kasutatakse \"text-to-speech\" lugejais."
|
||||
},
|
||||
{
|
||||
"label": "Hõljuva kursori tekst",
|
||||
"description": "Valikuline. Seda teksti näidatakse, kui kasutaja hõljutab kursorit pildi kohal."
|
||||
},
|
||||
{
|
||||
"label": "Pildisisu nimi",
|
||||
"default": "Pilt"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Irudia"
|
||||
},
|
||||
{
|
||||
"label": "Ordezko testua",
|
||||
"description": "Beharrezkoa da. Nabigatzaileak ezin badu irudia kargatu, bere ordez testu hau bistaratuko da. Testu-irakurleek ere erabilia."
|
||||
},
|
||||
{
|
||||
"label": "Desplazamendu testua",
|
||||
"description": "Aukerakoa. Testu hau erabiltzaileak bere gailu erakuslea irudiaren gainetik pasatzean bistaratuko da."
|
||||
},
|
||||
{
|
||||
"label": "Irudiaren edukiaren izena",
|
||||
"default": "Irudia"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Kuva"
|
||||
},
|
||||
{
|
||||
"label": "Vaihtoehtoinen kuvaus",
|
||||
"description": "Vaaditaan. Näytetään, jos selain ei saa ladattua kuvaa. Kuvausta käyttävät myös ruudunlukijasovellukset."
|
||||
},
|
||||
{
|
||||
"label": "Hover",
|
||||
"description": "Valinnainen. Näytetään, kun käyttäjä pitää kursosia kuvan päällä."
|
||||
},
|
||||
{
|
||||
"label": "Sisältötyypin nimi",
|
||||
"default": "Kuva"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Texte alternatif",
|
||||
"description": "Obligatoire. Ce texte sera affiché si l'image n'apparaît pas dans le navigateur."
|
||||
},
|
||||
{
|
||||
"label": "Texte de survol",
|
||||
"description": "Optionnel. Ce texte est affiché quand la souris survole une image."
|
||||
},
|
||||
{
|
||||
"label": "Légende",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Alternative text",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Hover text",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image."
|
||||
},
|
||||
{
|
||||
"label": "Image content name",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Alternative text",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Hover text",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image."
|
||||
},
|
||||
{
|
||||
"label": "Image content name",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Immagine"
|
||||
},
|
||||
{
|
||||
"label": "Testo alternativo",
|
||||
"description": "Richiesto. Se il browser non è in grado di caricare l'immagine sarà visualizzato questo testo. Usato anche per il lettore vocale."
|
||||
},
|
||||
{
|
||||
"label": "Testo in sovraimpressione",
|
||||
"description": "Opzionale. Questo testo viene visualizzato quando l'utente passa col puntatore sopra l'immagine."
|
||||
},
|
||||
{
|
||||
"label": "Nome del contenuto dell'immagine",
|
||||
"default": "Immagine"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "画像"
|
||||
},
|
||||
{
|
||||
"label": "代替テキスト",
|
||||
"description": "必須。ブラウザーが画像をロードできない場合は、このテキストが代わりに表示されます。また、 リードスピーカーによって使用されます。"
|
||||
},
|
||||
{
|
||||
"label": "ホバーテキスト",
|
||||
"description": "省略可能です。このテキストは、ユーザーが画像の上にポインティング デバイスを置いたときに表示されます。"
|
||||
},
|
||||
{
|
||||
"label": "画像のコンテンツ名",
|
||||
"default": "画像"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Alternative text",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Hover text",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image."
|
||||
},
|
||||
{
|
||||
"label": "Image content name",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Bildefil"
|
||||
},
|
||||
{
|
||||
"label": "Alternativ tekst",
|
||||
"description": "Påkrevd. Hvis bildet ikke kan lastes vises denne teksten istedenfor. Denne blir også brukt ved talesyntese."
|
||||
},
|
||||
{
|
||||
"label": "Sveve-tekst",
|
||||
"description": "Valgfritt. Denne teksten vises når brukeren holder pekeenheten over bildet."
|
||||
},
|
||||
{
|
||||
"label": "Innholdsnavn for bilde",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Alternative text",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Hover text",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image."
|
||||
},
|
||||
{
|
||||
"label": "Image content name",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Biletefil"
|
||||
},
|
||||
{
|
||||
"label": "Alternativ tekst",
|
||||
"description": "Viss biletet ikkje kan lastas visast denne teksten i istadenfor. Denne blir og nytta ved talesyntese."
|
||||
},
|
||||
{
|
||||
"label": "Sveve-tekst",
|
||||
"description": "Denne teksten visast når brukaren held peikeeininga over bilete. Kan til dømes brukast til å informere om opphav."
|
||||
},
|
||||
{
|
||||
"label": "Innhaldsnamn for bilete",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Obraz"
|
||||
},
|
||||
{
|
||||
"label": "Tekst alternatywny",
|
||||
"description": "Wymagany. Ten tekst zostanie wyświetlony, jeśli przeglądarka nie zdoła załadować obrazu. Potrzebny także dla czytników ekranu."
|
||||
},
|
||||
{
|
||||
"label": "Tekst w dymku",
|
||||
"description": "Opcjonalna. Ten tekst zostanie wyświetlony, gdy użytkownik najedzie kursorem na obraz."
|
||||
},
|
||||
{
|
||||
"label": "Nazwa obrazu",
|
||||
"default": "Obraz"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics":[
|
||||
{
|
||||
"label":"Imagem"
|
||||
},
|
||||
{
|
||||
"label":"Texto alternativo",
|
||||
"description":"Obrigatório. Se o navegador não for capaz de exibir a imagem, este texto será exibido. Também utilizado por leitores de tela."
|
||||
},
|
||||
{
|
||||
"label":"Texto flutuante",
|
||||
"description":"Opcional. Este texto será exibido se o usuário colocar o ponteiro sobre a imagem."
|
||||
},
|
||||
{
|
||||
"label":"Nome do conteúdo de imagem",
|
||||
"default":"Imagem"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Imagem"
|
||||
},
|
||||
{
|
||||
"label": "Texto alternativo",
|
||||
"description": "Obrigatório. Se o navegador não puder carregar a imagem, será mostrado este texto. Também é usado por leitores \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Passar rato pelo texto",
|
||||
"description": "Opcional. Este texto é exibido quando os utilizadores passam o rato sobre a imagem."
|
||||
},
|
||||
{
|
||||
"label": "Nome do conteúdo da imagem",
|
||||
"default": "Imagem"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Alternative text",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Hover text",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image."
|
||||
},
|
||||
{
|
||||
"label": "Image content name",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Изображение"
|
||||
},
|
||||
{
|
||||
"label": "Альтернативный текст",
|
||||
"description": "Обязательный. Если браузер не может загрузить изображение, этот текст будет отображаться вместо него. Также используется \"озвучкой текста\"."
|
||||
},
|
||||
{
|
||||
"label": "Текст при наведении",
|
||||
"description": "По желанию. Этот текст отображается, когда пользователи наводят указатель мыши на изображение."
|
||||
},
|
||||
{
|
||||
"label": "Название содержимого изображения",
|
||||
"default": "Изображение"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Slika"
|
||||
},
|
||||
{
|
||||
"label": "Nadomestno besedilo",
|
||||
"description": "Zahtevano. Besedilo se prikaže, če spletni brskalnik ne more naložiti slike. Besedilo uporabljajo tudi \"sintetizatorji govora\" (text-to-speech readers)."
|
||||
},
|
||||
{
|
||||
"label": "Besedilo ob preletu miške",
|
||||
"description": "Neobvezno. Besedilo se prikaže, ko uporabnik sliko preleti s kazalcem miške."
|
||||
},
|
||||
{
|
||||
"label": "Naslov vsebine slike",
|
||||
"default": "Slika"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Alternative text",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Hover text",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image."
|
||||
},
|
||||
{
|
||||
"label": "Image content name",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Alternative text",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Hover text",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image."
|
||||
},
|
||||
{
|
||||
"label": "Image content name",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Alternative text",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Hover text",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image."
|
||||
},
|
||||
{
|
||||
"label": "Image content name",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Alternative text",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Hover text",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image."
|
||||
},
|
||||
{
|
||||
"label": "Image content name",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Bild"
|
||||
},
|
||||
{
|
||||
"label": "Alternativ text",
|
||||
"description": "Obligatorisk. Om bilden inte kan laddas i användarens webbläsare så kommer denna text visas istället. Används också av \"skärmläsare\"."
|
||||
},
|
||||
{
|
||||
"label": "Text vid hovring",
|
||||
"description": "Valfri. Denna text visas om användaren placerar sin markör (hovrar) över bilden."
|
||||
},
|
||||
{
|
||||
"label": "Namn på bildinnehåll",
|
||||
"default": "Bild"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Alternative text",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Hover text",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image."
|
||||
},
|
||||
{
|
||||
"label": "Image content name",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "Image"
|
||||
},
|
||||
{
|
||||
"label": "Alternative text",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"label": "Hover text",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image."
|
||||
},
|
||||
{
|
||||
"label": "Image content name",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "图像"
|
||||
},
|
||||
{
|
||||
"label": "替代文字",
|
||||
"description": "必填,当浏览器无法载入图片时会改显示此文字,同时这也作为视障者语音帮助。"
|
||||
},
|
||||
{
|
||||
"label": "悬停时文字",
|
||||
"description": "非必填,当使用者悬停在图像上时额外显示的文字。"
|
||||
},
|
||||
{
|
||||
"label": "图像名称",
|
||||
"default": "图像"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"semantics": [
|
||||
{
|
||||
"label": "圖像"
|
||||
},
|
||||
{
|
||||
"label": "替代文字",
|
||||
"description": "必填,當瀏覽器無法載入圖片時會改顯示此文字,同時這也作為視障者語音幫助。"
|
||||
},
|
||||
{
|
||||
"label": "懸停時文字",
|
||||
"description": "非必填,當使用者懸停在圖像上時額外顯示的文字。"
|
||||
},
|
||||
{
|
||||
"label": "圖像名稱",
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
{
|
||||
"title": "Image",
|
||||
"contentType": "Media",
|
||||
"description": "Simple library that displays an image.",
|
||||
"majorVersion": 1,
|
||||
"minorVersion": 1,
|
||||
"patchVersion": 8,
|
||||
"runnable": 0,
|
||||
"machineName": "H5P.Image",
|
||||
"author": "Joubel",
|
||||
"coreApi": {
|
||||
"majorVersion": 1,
|
||||
"minorVersion": 19
|
||||
},
|
||||
"preloadedJs": [
|
||||
{
|
||||
"path": "image.js"
|
||||
}
|
||||
],
|
||||
"preloadedCss": [
|
||||
{
|
||||
"path": "image.css"
|
||||
}
|
||||
],
|
||||
"metadataSettings": {
|
||||
"disable": 0,
|
||||
"disableExtraTitleField": 1
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 903 459" style="enable-background:new 0 0 903 459;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#9AADD7;}
|
||||
.st1{fill:#717E9C;}
|
||||
.st2{fill:#7884A0;}
|
||||
.st3{fill:#F9FD91;}
|
||||
.st4{fill:#F0F48C;}
|
||||
</style>
|
||||
<rect x="1" class="st0" width="903.1" height="459.1"/>
|
||||
<polygon class="st1" points="527.5,459.5 527.5,334.1 364.8,234 48.1,459.5 "/>
|
||||
<polygon class="st1" points="904.2,246 732.2,142.6 287.1,459.8 904.2,459.8 "/>
|
||||
<polygon class="st1" points="394.7,459.5 106.3,254 0.1,332.4 0.1,459.5 "/>
|
||||
<polygon class="st2" points="-0.3,366.9 133.8,274.2 105.1,255.7 -0.3,332.9 "/>
|
||||
<polygon class="st2" points="370.5,459.2 771.6,168.7 732.2,142.6 292,459.2 "/>
|
||||
<polygon class="st2" points="102.8,459.5 392.8,252.6 365.3,233.5 43.6,459.5 "/>
|
||||
<path class="st3" d="M43.3,0.4c30.1,78,105.7,133.3,194.3,133.3S401.8,78.3,431.8,0.4H43.3z"/>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st4" d="M267.4,0.4L126.7,101.6c32.1,20.3,70.1,32,110.9,32c88.6,0,164.2-55.3,194.3-133.3L267.4,0.4L267.4,0.4z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,32 @@
|
||||
[
|
||||
{
|
||||
"name": "file",
|
||||
"type": "image",
|
||||
"label": "Image",
|
||||
"importance": "high",
|
||||
"disableCopyright": true
|
||||
},
|
||||
{
|
||||
"name": "alt",
|
||||
"type": "text",
|
||||
"label": "Alternative text",
|
||||
"importance": "high",
|
||||
"description": "Required. If the browser can't load the image this text will be displayed instead. Also used by \"text-to-speech\" readers."
|
||||
},
|
||||
{
|
||||
"name": "title",
|
||||
"type": "text",
|
||||
"label": "Hover text",
|
||||
"importance": "low",
|
||||
"description": "Optional. This text is displayed when the users hover their pointing device over the image.",
|
||||
"optional": true
|
||||
},
|
||||
{
|
||||
"name": "contentName",
|
||||
"type": "text",
|
||||
"label": "Image content name",
|
||||
"importance": "low",
|
||||
"common": true,
|
||||
"default": "Image"
|
||||
}
|
||||
]
|
||||
@@ -0,0 +1,54 @@
|
||||
/** @namespace H5PUpgrades */
|
||||
var H5PUpgrades = H5PUpgrades || {};
|
||||
|
||||
H5PUpgrades['H5P.Image'] = (function () {
|
||||
return {
|
||||
1: {
|
||||
1: function (parameters, finished, extras) {
|
||||
// Use new copyright information if available. Fallback to old.
|
||||
var copyright;
|
||||
if (parameters.file && parameters.file.copyright !== undefined) {
|
||||
copyright = parameters.file.copyright;
|
||||
}
|
||||
else if (parameters && parameters.copyright !== undefined) {
|
||||
copyright = parameters.copyright;
|
||||
}
|
||||
|
||||
if (copyright) {
|
||||
var years = [];
|
||||
if (copyright.year) {
|
||||
// Try to find start and end year
|
||||
years = copyright.year
|
||||
.replace(' ', '')
|
||||
.replace('--', '-') // Try to check for LaTeX notation
|
||||
.split('-');
|
||||
}
|
||||
var yearFrom = (years.length > 0) ? new Date(years[0]).getFullYear() : undefined;
|
||||
var yearTo = (years.length > 0) ? new Date(years[1]).getFullYear() : undefined;
|
||||
|
||||
// Build metadata object
|
||||
var metadata = {
|
||||
title: copyright.title,
|
||||
authors: (copyright.author) ? [{name: copyright.author, role: 'Author'}] : undefined,
|
||||
source: copyright.source,
|
||||
yearFrom: isNaN(yearFrom) ? undefined : yearFrom,
|
||||
yearTo: isNaN(yearTo) ? undefined : yearTo,
|
||||
license: copyright.license,
|
||||
licenseVersion: copyright.version
|
||||
};
|
||||
|
||||
extras = extras || {};
|
||||
extras.metadata = metadata;
|
||||
|
||||
if (parameters.file) {
|
||||
delete parameters.file.copyright;
|
||||
}
|
||||
delete parameters.copyright;
|
||||
}
|
||||
|
||||
// Done
|
||||
finished(null, parameters, extras);
|
||||
}
|
||||
}
|
||||
};
|
||||
})();
|
||||
Reference in New Issue
Block a user