You are not logged in.

Detecting Image sizes on Import

nefar1ous

Intermediate

  • "nefar1ous" started this thread

Posts: 190

  • Send private message

1

Tuesday, November 13th 2012, 8:03pm

Detecting Image sizes on Import

Is there a way to detect the size (pixelwidth and pixelheight) of a directory object, such as a jpeg image, before it is loaded into a plugin?
If Not, is it possible to detect it after it is loaded as a plugin and the scale is set to 1, but no width or height is set?

I tried this for the directory option:

Source code

 
1

set(imagewidth, get(url[photos/1.jpg].pixelwidth));

... but it didn't work.


I tried this by loading the plugin without setting a width or height, instead using scale and then trying to determine the width or height...

Source code

 
1
2
3
4
5
6
7
8
9

<!-- create the image plugin -->
<plugin name="testimage" url="photos/1.jpg" align="leftbottom" edge="leftbottom" scale="1" width="" height="" keep="true" visible="true" />
<!-- run an action to check for pixelwidth -->
	<action name="test">
		plugin[testimage].updatepos();
		set(testsize, get(plugin[testimage].pixelwidth));
                <!-- update the test layer that shows the result as text -->
		set(layer[infotext].html, get(testsize)); wait(5);
		</action>


... but that came up with zero (0) as the result, I'm guessing because the width and height were not set in the plugin. If I used .width instead of .pixelwidth, the answer was NULL.

Any ideas?

sachagriffin

Master

Posts: 1,857

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

2

Tuesday, November 13th 2012, 11:53pm

imagewidth and imageheight
http://krpano.com/docu/xml/#plugin.width

pixel[width,height] are the rendered dimensions.
It's hard to answer without knowing what you are trying to do.
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

nefar1ous

Intermediate

  • "nefar1ous" started this thread

Posts: 190

  • Send private message

3

Wednesday, November 14th 2012, 3:42am

I have managed to manipulate the code in vtourskin.xml to create a photogallery with thumbs that popup where the scene thumbs would pop up. So far all is very preliminary and functional. But to generate everything, I had to know and handcode the size of the image, whether or not it was landscape or portrait, and I am working with a fixed screen size.

I want to make things a bit more dynamic when it comes to generating the image plugins and ensuring they size, orientate and position properly on different screen sizes/devices. So I wanted to be able to detect the image size so that I could determine its orientation (portrait or landscape) and adjust its width/height to fit within the bounds allocated on the screen. But more importantly than all of that, I wanted to generate all of this information when generating the thumbnails. Currently I have a list of thumbnails that I have to hand code, and when there are a lot of thumbs, it takes a lot of time. So I wanted to write a statement that would loop through this process and generate the xml for the thumbs, and images, in real time, so I wouldn't have to hand write all of these thumbs each time I created a tour. And the kicker is... I only want to load 1 full size image at a time. So I wanted to gather the needed information to generate the thumbnail code, without having to load all of the actual images.

Using the plugin[name].imagewidth works to get the data, but to generate all of these thumbs, I first have to load the image to establish the "onloaded" event, then another, and another... consuming memory and time. I suppose I could load them into a plugin and destroy them 1 at a time until I had generated the code. I was hoping for a "leaner" method.

Source code

 
1
2
3
4
5
6

<thumb name="0" url="thumbs/0.jpg" imageurl="photos/0.jpg" source_image_width="1000" source_image_height="633" source_image_orientation="horizontal" />
<thumb name="1" url="thumbs/1.jpg" imageurl="photos/1.jpg" source_image_width="633" source_image_height="1000" source_image_orientation="vertical" />
<thumb name="2" url="thumbs/2.jpg" imageurl="photos/2.jpg" source_image_width="1000" source_image_height="633" source_image_orientation="horizontal" />
...
...
...


This post has been edited 1 times, last edit by "nefar1ous" (Nov 14th 2012, 4:05am)

sachagriffin

Master

Posts: 1,857

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

4

Wednesday, November 14th 2012, 4:35am

Andrey's image gallery plugin resizes well for $35. For the thumbs I would set the smallest dimension to prop and the larger one to your max thumbnail dimension and use a parent plugin with the max width and height dimension with maskchilden so it's cropped.
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

nefar1ous

Intermediate

  • "nefar1ous" started this thread

Posts: 190

  • Send private message

5

Wednesday, November 14th 2012, 7:46am

Quoted from "sachagriffin"

Andrey's image gallery plugin resizes well for $35.

I've never seen his image gallery plugin. I know he has an autothumbs, but it's quite old. I had requested he make an image gallery seems like a year ago, and kept begging, and begging. I wasn't aware he had finally made it.
** Where is it? Link? **

Quoted from "sachagriffin"

For the thumbs I would set the smallest dimension to prop and the larger one to your max thumbnail dimension and use a parent plugin with the max width and height dimension with maskchilden so it's cropped.


For the thumbs, I am trying to generate data only, they are all 1 size, which is easy enough to regulate. It's the images themselves that can be variable sizes. your reference to .imagewidth is 1 possible solution. Also, using a max size container, and scaling children rather than cropping also works to control behavior of the image size for scaling. . . but, if I wanted a frame around the picture, I need to be able to change the container size according to the size of the image.

Overall, I am just looking for greater dynamics.

Is it possible to generate XML tags in real time? I want something similar to addplugin(someName); ... but instead... addthumb(someThumbName); This would simply generate a virtual list (like an array) of thumbs for reference data...

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

	<action name="generate_thumb_list">
		copy(thumbcount, skin_settings.thumbscount);
		for(set(i,0), i LT thumbcount, inc(i),
			addthumb(get(i));	
	                set(thumb[get(i)].url, thumbs,get(i).jpg);
                        set(thumb[get(i)].imageurl, photos/get(i).jpg);
                );
	</action>

        Result = Virtual List:
	<thumb name="0" url="thumbs/1.jpg" imageurl="photos/1.jpg" />		
	<thumb name="1" url="thumbs/2.jpg" imageurl="photos/2.jpg" />					
	<thumb name="2" url="thumbs/3.jpg" imageurl="photos/3.jpg" />					
	<thumb name="3" url="thumbs/4.jpg" imageurl="photos/4.jpg" />					
	<thumb name="4" url="thumbs/5.jpg" imageurl="photos/5.jpg	" />					
	<thumb name="5" url="thumbs/6.jpg" imageurl="photos/6.jpg	" />

Sudarchikov Andrey

Professional

Posts: 1,082

Location: Russia, Kaliningrad

  • Send private message

6

Wednesday, November 14th 2012, 11:17am

Hi!
here if the demo link http://sudarchikov.com/shared/lekiend/test.html
try it on flash and iPad

Andrey *thumbup*

BTW - there is new thumbnails plugin included (docu is not ready yet, but I can show you features by skype "mindlessboss" )
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

danimorgo

Beginner

Posts: 42

Location: argentina

Occupation: diseñador

  • Send private message

7

Friday, March 21st 2014, 10:10am

Quoted from "sachagriffin"

imagewidth and imageheight
http://krpano.com/docu/xml/#plugin.width

pixel[width,height] are the rendered dimensions.
It's hard to answer without knowing what you are trying to do.


documentation is very poor and there are no examples nothing.

Similar threads