display specific thumbnails inside prettyPhoto viewer - viewer

I did not find any solution to my problem, which is:
i try to display a specific thumbnails inside prettyPhoto viewer , so i have this code:
a href="images/full01.jpg" rel="prettyPhoto[1]" >
img src="images/thumb01.jpg" /
a href="images/full02.jpg" rel="prettyPhoto[1]" >
img src="images/thumb02.jpg" style="display:none"/
a href="images/full03.jpg" rel="prettyPhoto[1]" >
img src="images/thumb03.jpg" style="display:none"/
now, when i click on the image (thumb01.jpg) the prettyPhoto viewer appear and display (full01.jpg) image, but the thumbnails inside the prettyPhoto viewer showing (full02.jpg,full03.jpg).
i just wanna to show the (thumb02.jpg, thumb03.jpg) as thumbnails.
please help me, and thank you in advance.

You could try looking at this solution:
http://forums.no-margin-for-errors.com/discussion/comment/11215#Comment_11215
which tells you how to use specific thumbnails.

Related

Best way to add a custom image to the Quick Links Filmstrip in a sharepoint page

I have a quick link with the filmstrip layout. Some of the items are MS Streams videos. The generic web icon shows for them in the filmstrip. I would like to add a custom image, or at least show an image in the video. If I try the custom image icon, here is no option to specify the image.
enter image description here
enter image description here
When I try custom image, there is no option to upload an image. I was expecting that feature.

Why my logo and promotion picture of my chrome extension are pixelated?

I have just launched a chrome extension and cannot figure out those two points :
Why on the web chrome store my logo looks like pixelated (on my laptop uploaded image was good...), here how it's look like :
Why my promotional picture doesn't use promotional pictures I have uploaded but use my icon :
Hope somebody has already tackled this issue !
Here my extension : https://chrome.google.com/webstore/detail/emoji-keyboard-emoticons/mokaebkcdjejgknjpmdpcphgkoebiodg
Thanks !
make sure to upload the 440 pixels promo img in the dashboard, as this is the one that should be used in your second question

Using HTML code to detect image size on screen

I'm developing an app that grabs the HTML from a webpage and looks at images, within the HTML, that can be compressed and resized.
I can do the first part no problem in node, using Sharp here:
https://www.npmjs.com/package/sharp
I can, of course, resize the same image here too. I just don't know what dimensions to use. I don't want a tiny image to scale up and so on.
Can I somehow detect the size of the image on screen using the HTML I got to begin with?
Thanks in advance.
EDIT:
Sorry for any confusion. I need to know how big the image is being displayed on the page. So, the image may be 400x400 but the css could limit it to 200x200.
If I have a large image (1000x1000) but it's only being shown on screen at 500x500, I'd know it's a great candidate for resizing.
I'm just not sure how I can resize based on it's css dimensions.
I think in Sharp there's a metadata function that lets you access image metadata, e.g. format, width, height, etc.
Example:
const image = sharp(inputJpg);
image.metadata().then(function(metadata) {
// print image width and height
console.log({
width: metadata.width,
height: metadata.height
});
});
In Sharp library,
You can get dimension from this document:
http://sharp.dimens.io/en/stable/search.html?q=dimension
Hope it will help you.
const sharpImage = sharp('test/test.jpg');
image.metadata().then(function(metadata) {
console.log(metadata);
});

I want to display a logo in PictureBox control irrespective of ImageURL in DevExpress Report control?, how could i do this?

There one Print i'm generating in DevExpress Report COntrol and I wanted to show Company logo in the print.
Someone please help me to show image as logo in XRPicturebox control without Database binding and without providing ImageURLi.e. irrespective of path...
Yes you can set Image via Image Property. Goto XRPictureBox properties and on the Image property click on ... symbol to browse and set the image.
Hope this helps

Web image display in iPhone app

I am new to developing on the iPhone so am sorry if this is an easy question, but it has had me stumped for a little while.
Basically the app displays data retrieved from an XML feed. In that feed is an element that contains the path to an image. eg http://www.myserver.com/myimage.jpeg.
I want to be able to display that image in the list view of my iPhone app.
Most importantly, I don't want to stop the list drawing for each image, the rest of the data should be displayed immediately and then each image downloads and displays as quickly as data speed etc make it available.
What is the best way of downloading that image and displaying it?
Ideally can someone point to some working example code.
Thanks
Stephen
Displaying the image: you could create a UIWebView and just point it to the path - and then it's fully zoomable too.
Displaying in the list view:
//Somehow download your image...
cell.image = Your Image

Resources