Widget für HTML und XHTML beta

Versenden von Bildern als MMS von Ihrer Website aus. Die script Tags können irgendwo im head oder body eingefügt werden, das Widget wird automatisch in das onload Event integriert und dort ausgeführt.

<script type="text/javascript" src="http://www.smart-mms.com/smart_mms_widget.js?0.5"></script>

<img src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="Mein Text" class="smartmms" />
<img src="http://www.google.com/intl/en_ALL/images/logo.gif" title="Mein Text" class="smartmms otherclass" />

Das Widget wird nur auf Bilder angewandt, die u.a. eine class smartmms haben. Vorhandene title oder alt Attribute der Bilder werden in das Widget übernommen, dies kann per Einstellungen beeinflusst werden. Der grüne Rahmen wird nicht gezeigt, er dient hier nur zur Verdeutlichung und stellt einen span Container dar.

Eigene styles für img in einem Stylesheet müssen per .class definiert werden, nicht per img.class, damit sie für den erzeugten span Container übernommen werden können.

Einstellungen

Optionale Einstellungen (z.B. eine .js Datei auf Ihrem Server oder ein script Block), die vor dem Einbinden des Widgets in Ihre Website integriert werden können, hier als Beispiel mit den ohnehin als Voreinstellung (Version 0.5) gesetzten Werten.

<script type="text/javascript">
//<![CDATA[
var smart_mms_margin = '1px 0 0 0';
var smart_mms_padding = '0 0 1px 0';
var smart_mms_border = '1px dotted #f0f0f0';
var smart_mms_color_bg = '#fcfcfc';
var smart_mms_color_link = '#4040f0';
var smart_mms_decoration = 'underline';
var smart_mms_font_weight = 'normal';
var smart_mms_font_size = '8pt';
var smart_mms_font_family = 'Verdana, Arial, sans-serif';
var smart_mms_text_align = 'center';
var smart_mms_line_height = '11pt';
var smart_mms_use_img_title_alt_as_name = true;
var smart_mms_add_quotes_to_img_name = true;
var smart_mms_link_default_name = 'Bild';
var smart_mms_link_text = ' als MMS versenden';
var smart_mms_link_title = ' über www.smart-mms.com als MMS versenden';
//]]>
</script>
<script type="text/javascript" src="http://www.smart-mms.com/smart_mms_widget.js?0.5"></script>

Beispiel

Eine beispielhafte Einbindung der aktuellen Version ist im Website www.smart-on-tour.de zu sehen.