Slideshow - Textbalken an Bildgröße anpassen

02.12.2017 16:51 (zuletzt bearbeitet: 05.12.2017 10:39)
avatar  TicTac
#1
Ti

Hallo, ich habe auf meiner Startseite (www.ulli-unterwegs@jimdo.ccom) eine kleine Slideshow mit Höhepunkten meiner Radreisen eingebaut. Problem: der Textbalken (Bildunterschrift) soll sich der Bildgröße anpassen. Und das krieg ich nicht hin. Hat jemand einen Tip für mich, wie ich das machen könnte????
P.S.Bin ein Dummie!! Danke im voraus!
Der Widget-Code sieht so aus:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="https://u.jimcdn.com/www62/o/se2638f08eddfc235/userlayout/js/fadeslideshow.js">
 
//<![CDATA[
 
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
 
//]]>
</script>
<script type="text/javascript">
 
//<![CDATA[
 
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [183, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["https://image.jimcdn.com/app/cms/image/transf/dimension=210x200:format=jpg/path/s84693e930e798c69/image/i6896f4782bc4ea39/version/1503638375/image.jpg", "", "", "Geysir - Island"],
["https://image.jimcdn.com/app/cms/image/transf/dimension=235x210:format=jpg/path/s84693e930e798c69/image/ifa3fc471e36e3b75/version/1512017185/image.jpg", "", "", "Taj Mahal - Indien"],
["http://u.jimdo.com/www400/o/s84693e930e798c69/img/ic465255dff2894f9/1417858585/thumb/image.jpg", "", "", "Monument Valley - Utah"],
["https://image.jimcdn.com/app/cms/image/transf/dimension=183x180:mode=crop:format=jpg/path/s84693e930e798c69/image/i3d0555ca65e2ad9a/version/1407781785/image.jpg", "", "", "Niagarafälle - Kanada"],
["https://image.jimcdn.com/app/cms/image/transf/dimension=183x180:format=jpg/path/s84693e930e798c69/image/ib0cf372a65306b98/version/1461732557/image.jpg", "", "", "4000 Islands - Laos"],
["https://image.jimcdn.com/app/cms/image/transf/dimension=214x210:mode=crop:format=jpg/path/s84693e930e798c69/image/if664fe23cdbb48a9/version/1512145370/image.jpg", "", "", "Perito Moreno Gletscher - Argentinien"],
["http://u.jimdo.com/www400/o/s84693e930e798c69/img/iba2f9145a4cec31e/1407569052/thumb/image.jpg", "", "", "Pinnawala - Sri Lanka"],
["https://image.jimcdn.com/app/cms/image/transf/dimension=183x180:format=jpg/path/s84693e930e798c69/image/i20d0955a42eee0e6/version/1461955053/image.jpg", "", "", "Das Ende der Welt - Tierra del Fuego"],
["http://u.jimdo.com/www400/o/s84693e930e798c69/img/i33d16c2f36d363a3/1431792760/thumb/image.jpg", "", "", "Rainbow Trail - Neuseeland"],
["http://u.jimdo.com/www400/o/s84693e930e798c69/img/i97c024af2b3b87e2/1410709823/thumb/image.jpg", "", "", "Tioga Pass - Yosemite Valley"],
["https://image.jimcdn.com/app/cms/image/transf/dimension=183x180:format=jpg/path/s84693e930e798c69/image/i9377a85bef0e5590/version/1461955053/image.jpg", "", "", "Wasserfälle von Iguazu - Brasilien"],
["http://u.jimdo.com/www400/o/s84693e930e798c69/img/id6ec086255da1b9d/1431750691/thumb/image.jpg", "", "", "Lake Paringa - Neuseeland"],
["http://u.jimdo.com/www400/o/s84693e930e798c69/img/ifa3701d143d6be40/1407781785/thumb/image.jpg", "", "", "Hudson River - New York"],
["http://u.jimdo.com/www400/o/s84693e930e798c69/img/i9594db14973bc72e/1433307952/thumb/image.jpg", "", "", "Forgotten World Highway - Neuseeland"],
["https://image.jimcdn.com/app/cms/image/transf/dimension=215x210:format=jpg/path/s84693e930e798c69/image/ic4f2b0586a215155/version/1512019463/image.jpg", "", "", "Varanasi - Indien"],
["https://image.jimcdn.com/app/cms/image/transf/dimension=183x180:format=jpg/path/s84693e930e798c69/image/i46c8852a913fb7f6/version/1461955053/image.jpg", "", "", "Fitz Roy - Patagonien"],
["https://image.jimcdn.com/app/cms/image/transf/dimension=183x180:format=jpg/path/s84693e930e798c69/image/i83480caa04f3ae80/version/1440494655/image.jpg", "", "", "Backwaters of Kerala - Indien"],
["http://u.jimdo.com/www400/o/s84693e930e798c69/img/ie6a00924a2147742/1406486159/std/image.jpg", "", "", "Street Performer - New York"],
["http://u.jimdo.com/www400/o/s84693e930e798c69/img/i2d0cab46e3c2fa13/1407390227/thumb/image.jpg", "", "", "Golden Gate Bridge - San Francisco"],
["http://u.jimdo.com/www400/o/s84693e930e798c69/img/i98b45d24686f94e5/1406475791/std/image.jpg", "", "", "Vinales Kuba"]

],
displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false, randomize:true},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 3000, //transition duration (milliseconds)
descreveal: "peekaboo",
togglerid: ""
})
//]]>
</script>
<div id="fadeshow1">
</div>
 


 Antworten

 Beitrag melden
02.12.2017 17:29
avatar  make
#2
ma

Hallo,
auch wenn ich Dir bei dem Problem nicht wirklich helfen kann, möchte ich es gern verstehen.
Ich als ambitionierter Hobbyfotograf stelle mir dann eher die Frage, warum du die Bilder nicht alle gleich groß machst? Das wäre doch die schnellere Variante, als sich mit der Webseiten Programmierung auseinanderzusetzen. Es gibt genug Bildbearbeitungsprogramme, wo man die Bildgröße einheitlich zurecht schneiden kann.

Gruß
make


 Antworten

 Beitrag melden
05.12.2017 10:42 (zuletzt bearbeitet: 05.12.2017 10:44)
avatar  az_
#3
avatar
az_

...nimm einfach eine andere Slideshow. Auf https://redesign-berlin-seminar.jimdo.co...mageslidemaker/ findest Du z.B. eine gute Alternative!
LG, az

PS: Code im Forum bitte immer mit der Schaltfläche für "code" einkapseln!!!!


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!