I have a large image that I want to resize. I've tried using syntax from the attribute list, but it doesn't seem to work. Any suggestions would be helpful.
http://deborahfarber.wikidot.com/local--files/about-deborah/cropped.JPG
I have a large image that I want to resize. I've tried using syntax from the attribute list, but it doesn't seem to work. Any suggestions would be helpful.
http://deborahfarber.wikidot.com/local--files/about-deborah/cropped.JPG
If your image is local, you can use size attribute, with following:
But if your picture is from somewhere else… then use:
example code (just try it):
[[image http://deborahfarber.wikidot.com/local--files/about-deborah/cropped.JPG width="200px"]]
Thanks so much! Worked like a charm.
thanks it worked width="200px"
Thanks. I will give that a try.
Why doesn't that width and height work in galleries?!? It's blowing my mind. Really. What is the reason?
I have 90 urls in a gallery. Guess what, they're all full-sized. And they're not even same size… others are 700x800 others 1800x700 etc. You think that's easy to browse? It looks nausiating. Why wouldn't you have width attribute in galleries? You already have it working with images. Why? Why? Why? I can't figure this out. D:
Sure you can make a "gallery" with a table and images but you CAN'T make link images (which is also blowing my mind) and even if you could the code would be something like
http://pastebin.com/AQ6imrAM
Which is of course a delight to edit when it's all in a single line. :P
I do not understand - why do you need than a "galllery" - on the linked page is a lof of image tags you can use.. what is the problem with the one - line text to "edit"?
I willl insert here a little subset of the "lower" part:
And this is the code:
|| [[image http://fc09.deviantart.net/fs71/f/2012/009/f/1/f1e128df0b7c53c9a111ed5fe0e9a166-d4lt4lv.jpg width="200" link="*http://fc09.deviantart.net/fs71/f/2012/009/f/1/f1e128df0b7c53c9a111ed5fe0e9a166-d4lt4lv.jpg"]] || [[image http://fc04.deviantart.net/fs70/i/2012/011/5/c/seurasaari_island___12_by_iaswangi-d4m0b38.jpg width="200"link="*http://fc04.deviantart.net/fs70/i/2012/011/5/c/seurasaari_island___12_by_iaswangi-d4m0b38.jpg"]] || [[image http://fc08.deviantart.net/fs71/f/2012/011/c/1/visit_or_flee_by_fasttimez-d4m0blp.jpg width="200" link="*http://fc08.deviantart.net/fs71/f/2012/011/c/1/visit_or_flee_by_fasttimez-d4m0blp.jpg"]] ||
|| [[image http://th03.deviantart.net/fs70/PRE/f/2012/018/3/e/white_peak_by_klontak-d4mrf9e.png width="200" link="*http://th03.deviantart.net/fs70/PRE/f/2012/018/3/e/white_peak_by_klontak-d4mrf9e.png"]] || [[image http://fc01.deviantart.net/fs71/f/2012/019/f/2/muted_by_ivanandreevich-d4mwyfl.jpg width="200" link="*http://fc01.deviantart.net/fs71/f/2012/019/f/2/muted_by_ivanandreevich-d4mwyfl.jpg"]] || [[image http://fc07.deviantart.net/fs70/i/2012/006/a/2/season_by_burtn-d4lh55g.jpg width="200" link="*http://fc07.deviantart.net/fs70/i/2012/006/a/2/season_by_burtn-d4lh55g.jpg"]] ||
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
Or you can use the Image-Box snippet:
http://snippets.wikidot.com/code:image-box
The Code:
( notice - the includes are shifted to the right with one inserted space!"
[[table]]
[[row]]
[[cell style="width:680px"]]
[[include :snippets:image
|image=http://fc09.deviantart.net/fs71/f/2012/009/f/1/f1e128df0b7c53c9a111ed5fe0e9a166-d4lt4lv.jpg
|width=200px
|float=left
|heading=Heading?
|caption=Caption?
|link=
|alt=
|title=my Title
]]
[[include :snippets:image
|image=http://fc04.deviantart.net/fs70/i/2012/011/5/c/seurasaari_island___12_by_iaswangi-d4m0b38.jpg
|width=200px
|float=left
|heading=seurasaari_island___12
|caption=by_iaswangi
|link=
|alt=
|title=seurasaari_island___12_by_iaswangi
]]
[[include :snippets:image
|image=http://fc08.deviantart.net/fs71/f/2012/011/c/1/visit_or_flee_by_fasttimez-d4m0blp.jpg
|width=200px
|float=left
|heading=visit_or_flee
|caption=by_fasttimez
|link=
|alt=
|title=visit_or_flee_by_fasttimez
]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="width:680px"]]
[[include :snippets:image
|image=http://th03.deviantart.net/fs70/PRE/f/2012/018/3/e/white_peak_by_klontak-d4mrf9e.png
|width=200px
|float=left
|heading=white_peak
|caption=by_klontak
|link=
|alt=
|title=white_peak_by_klontak
]]
[[include :snippets:image
|image=http://fc01.deviantart.net/fs71/f/2012/019/f/2/muted_by_ivanandreevich-d4mwyfl.jpg
|width=200px
|float=left
|heading=muted
|width=200px
|caption=by_ivanandreevich
|link=
|alt=
|title=muted_by_ivanandreevich
]]
[[include :snippets:image
|image=http://fc07.deviantart.net/fs70/i/2012/006/a/2/season_by_burtn-d4lh55g.jpg
|width=200px
|float=left
|heading=Season
|caption=by_burtn
|link=
|alt=
|title=season_by_burtn
]]
[[/cell]]
[[/row]]
[[/table]]
----
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
And my last tip:
Go to http://feedback.wikidot.com/wish:_all ansd add a wish for your need!
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
Latter one doesn't work. I'm guessing I need to install something, right?
Why do I need a gallery? What's wrong with the code you posted? Are you serious?
If you could parse the code so that each url would be on its own line there would be… well… less of a problem. But that's just a mess and an editing nightmare. Picture that clusterfuck of a code with 90 images. Not gonna happen.
Latter one doesn't work.
What is "Latter one" ?
Why do I need a gallery?
I cannot answer your question. I have no idea why you need a "gallery". I never needed a gallery for my own purposes..
but i can imagine that you want to use the "viewer" of the gallery - to have a forward and backward switch..
Are you serious?
That is more a philosophical question.. yes, i think , most of the time :)
If you could parse the code so that each url would be on its own line there would be… well… less of a problem.
That is easy to solve(do not forget - you need an extra argument with the link= - means the same http adress 2x):
I use here the standard advanced table for better line-splitting ( look at the code down!):
[[table]]
[[row]]
[[cell style="border: 1px solid silver;"]]
[[image
http://fc09.deviantart.net/fs71/f/2012/009/f/1/f1e128df0b7c53c9a111ed5fe0e9a166-d4lt4lv.jpg
width="200"
link="*http://fc09.deviantart.net/fs71/f/2012/009/f/1/f1e128df0b7c53c9a111ed5fe0e9a166-d4lt4lv.jpg"
]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[image
http://fc04.deviantart.net/fs70/i/2012/011/5/c/seurasaari_island___12_by_iaswangi-d4m0b38.jpg
width="200"
link="*http://fc04.deviantart.net/fs70/i/2012/011/5/c/seurasaari_island___12_by_iaswangi-d4m0b38.jpg"
]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[image
http://fc08.deviantart.net/fs71/f/2012/011/c/1/visit_or_flee_by_fasttimez-d4m0blp.jpg
width="200" link="*http://fc08.deviantart.net/fs71/f/2012/011/c/1/visit_or_flee_by_fasttimez-d4m0blp.jpg"
]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver;"]]
[[image
http://th03.deviantart.net/fs70/PRE/f/2012/018/3/e/white_peak_by_klontak-d4mrf9e.png
width="200"
link="*http://th03.deviantart.net/fs70/PRE/f/2012/018/3/e/white_peak_by_klontak-d4mrf9e.png"
]][[/cell]]
[[cell style="border: 1px solid silver"]]
[[image
http://fc01.deviantart.net/fs71/f/2012/019/f/2/muted_by_ivanandreevich-d4mwyfl.jpg
width="200"
link="*http://fc01.deviantart.net/fs71/f/2012/019/f/2/muted_by_ivanandreevich-d4mwyfl.jpg"
]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[image
http://fc07.deviantart.net/fs70/i/2012/006/a/2/season_by_burtn-d4lh55g.jpg
width="200"
link="*http://fc07.deviantart.net/fs70/i/2012/006/a/2/season_by_burtn-d4lh55g.jpg"
]][[/cell]]
[[/row]]
[[/table]]
Picture that clusterfuck of a code with 90 images.
Have you seen this elsewhere with a gallery of url-images ? Not to speak of the legal problems without any notice of the rights of the pictures…
I have a lot of ideas to minimize this problem… like an include of your own where you insert one "url" into some positions of such image tag…
Than the code would be only one line like
[[include myimages url=http://fc07.deviantart.net/fs70/i/2012/006/a/2/season_by_burtn-d4lh55g.jpg ]]
[[include myimages url=http://fc01.deviantart.net/fs71/f/2012/019/f/2/muted_by_ivanandreevich-d4mwyfl.jpg ]]
a.s.o
and the page myimages would have only the one line with the image call itself:
[[image {$url} width="200px" link="*{$url}"]]
ok, i would insert sometimes the [[f<image.. to have some floating here…
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?
I'm guessing I need to install something, right?
No, the code helmuti gave you does not require anything to be installed.
The size attribute in the gallery module does work, but only when you have images uploaded to your own site. For example the different sized images at http://vineyard.wikidot.com/portfolio:main are uploaded to the site and displayed with the "square" attribute which makes them all come out the same size. And that uses the syntax:
[[gallery size="square"]]
: /edible-plants:main/humuluslupulus.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/malusdomestica.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/vacciniumovatum.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/ficuscarica.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/pyruscommunis.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/humuluslupulus.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/malusdomestica.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/vacciniumovatum.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/ficuscarica.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/pyruscommunis.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/humuluslupulus.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/malusdomestica.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/vacciniumovatum.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/ficuscarica.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/pyruscommunis.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/humuluslupulus.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/malusdomestica.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/vacciniumovatum.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/pyruscommunis.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/humuluslupulus.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/malusdomestica.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/vacciniumovatum.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/ficuscarica.jpg link="http://vineyard.wikidot.com/edible-plants:main"
: /edible-plants:main/pyruscommunis.jpg link="http://vineyard.wikidot.com/edible-plants:main"
[[/gallery]]
But the gallery module is not designed to work with external images. If your images are hosted externally then Wikidot has no way of re-sizing them.
I realise you are frustrated with this but your posts today came across as unnecessarily aggressive. Please remember we're here to help but sometimes solutions are not always easy or possible or achieve exactly what you want.
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
Another solution with include url in ONE line:
you can use a standard include like
[[div style="clear:left;width:710px;"]]
[[include helmuti-pdorf:include:myimages url=http://fc07.deviantart.net/fs70/i/2012/006/a/2/season_by_burtn-d4lh55g.jpg ]]
[[include helmuti-pdorf:include:myimages url=http://fc01.deviantart.net/fs71/f/2012/019/f/2/muted_by_ivanandreevich-d4mwyfl.jpg]]
[[/div]]
a.s.o
and the page "helmuti-pdorf:include:myimages" would have only the one line with the image call itself:
[[div style="float:left;width:220px; heigth:240px;border:1px solid silver;margin:5 5 5 5;"]]
[[=image {$url} width="200px" link="*{$url}"]]
[[/div]]
A test HERE in the forum is not possible - any include - command will not work here!
But You can see this on my test page:
http://helmuti-pdorf.wikidot.com/image-box#toc1 and
http://helmuti-pdorf.wikidot.com/include:myimages ( the included page )
copy the source code(s) from my test-page ( and/or teh "included" page too) onto your site…
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?