Imagine, that u have 10 Imagelinks (Example of such a Link: CLICK
What I want, is showing the 10 Pictures, googlelike (clickable) on my ASP.NET Website.
What would be, the best way to achieve this?
Do I should use a Table? But what if the Image is bigger than the Rowsize and how I could do the Clickevent on it?.. and so on..
I would use a table if you want to keep the same number of images on each row. Otherwise, you could just display the images inline and allow them to word wrap naturally.
As far as large images, Google resizes the images so they fit. If you don't do that, then you could definitely have formatting problems.
Finally, you make them clickable the same way you make any image clickable: through an anchor tab, or using some type of client-side scripting. When you create the markup, you will need whatever data is required to make each image clickable in a meaningful way.
Related
We print pdf provided by the company and merged it with data from our C# ASP.Net 3.5 Web application using iTextSharp. This works well but we have been asked to either print the form with or without the company logo depending on the user preference.
Should I use a pdf with the logo and hide it or use a pdf without the logo and add the logo to it?
I have found numerous way to add a logo to a pdf but nothing on hiding images. Because the logo could be having different size and be in a different location I would prefer to hide it when needed instead of adding it. Can we hide images from pdf without removing it? What would be easier?
Or should we just use 2 versions of each forms, one with the logo and another without?
UPDATE: In a nutshell I just want to have your opinion to what way would be best. Use a form without a logo and add it when needed or use a form with the logo and hide it when needed. Thanks
FINAL UPDATE: Some people gave good answer but I see no way to accept their answer. Can someone help me?
Because no one answered my question I selected one of the comment as "the" answer. Thanks mkl!
You can store data private to your application in PDFs, e.g. logo size and location in the case at hand (cf. this answer on PieceInfo structures). I would, therefore, recommend that you create the PDFs without the logo but store the size and location for a logo in such a PieceInfo dictionary. If adding a logo is required later-on, use that information to properly place the logo
I am using a Tumblr like button provided by ThinkingStiff on like-button.tumblr.com and am having some problems.
I don't know if this is the right place to ask this question, but I couldn't contact ThinkingStiff through his like-button tumblr so this seemed like my best shot. First of all, I'd like to thank him for his codes on how to add a Like and Reblog button to any theme. I am using them on my blog over at shelteryou.tumblr.com and they are working wonderfully. However, as you can probably tell, the like button is a bit too big for my theme. I was wondering if there was a way to shrink it down to a more suitable size? Thank you in advance!
They use a background-image, so if you want to have a different size, you'd have to change the image resolution (or create a new image) in your favorite image editor. Then upload it to Tumblr (they provide a upload service for theme files only) or make a data URI out of it.
Then change the URL in background-image: url(…) to the new one (the first for the grey image, the second for the red one).
If you need the current images (so you can save them), copy/paste the two data URIs (everything inside the brackets) to your browser address bar.
I'd like to show faces (data-show-faces="true") on my FB like button, but I'm using it in a panel that is very wide but where I can't afford to use a lot of vertical space. I would like to display the faces in the same row as the button, not in a new line.
Is there a way of either configuring the control to do this, or a safe way to do it in css?
As far as I know, there's no good way to do this. Facebook controls the iframe that gets rendered when you use fb:like and they don't make the users who like that object available to you for privacy reasons (those faces are personalized for the user who's viewing them).
This is my first question on Stack Overflow. I heard this site was a great resource for website developers. I'm new and still learning so this should be easy.
I am making a photo gallery that has a few small thumbnail images and a large image in the middle, all on the same page. I want to make it so that when you click on each thumbnail the large image in the middle of the page changes.
Is there a way to do this with pure CSS and no javascript? Is it also possible to preload all the large images so that each time you click a thumbnail the large image in the middle just pops right up?
Thank you in advance for any help! I look forward to participating here often!
Is there a way to do this with pure CSS and no javascript?
It is possible, but not well supported in browsers.
You could link to the images and use :target to change the display property from none to block.
The problem with this is that if the browser supports display (i.e. almost all of them) but not :target (i.e. lots of them) then some images will simply be unavailable.
Is it also possible to preload all the large images so that each time you click a thumbnail the large image in the middle just pops right up?
This would achieve that.
However, preloading the large versions of all the images would be quite a painful load on users' bandwidth.
Individual pages which use some form of include or server side process to duplicate the navigation are still the way to go.
I don't think there's a good way to do this with no Javascript.
With minimal Javascript, you could have all of the large images hidden, and use onClick on the thumbnails to un-hide the appropriate image.
With more Javascript, you could keep changing the src attribute of the large image and preload images using Javascript as well (see http://www.pageresource.com/jscript/jpreload.htm).
A google search brought back some methods using pure CSS but I would suggest using a jquery plug-in like galleria. JQuery Plugins make this easy.
Bit of a weird one here - I've created a map with various image overlays floated over the top using CSS for a web app which is built in asp.net; it looks and works fine in the browser, however the page the map appears in is sometimes converted to a Word document for editing, after conversion the map either disappears if using background divs, or displays all it's component parts consecutively if using img tags.
Is there any way I can convert the map into a single image for display and conversion?
Do you want to do a once-off conversion, or be able to automate it so that people can elect to convert the entire map into an image at whim?
Ok - I've decided the easiest way to do this is to use the .NET Graphics classes to composite all my images and text into a single image and display that at runtime.