#1 Slideshow - Textbalken an Bildgröße anpassen von TicTac 02.12.2017 16:51

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>
 

#2 RE: Slideshow - Textbalken an Bildgröße anpassen von make 02.12.2017 17:29

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

#3 RE: Slideshow - Textbalken an Bildgröße anpassen von az_ 05.12.2017 10:42

avatar

...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!!!!

Xobor Einfach ein eigenes Forum erstellen
Datenschutz