Select the Image from Media folder in umbraco - xslt

im new to umbraco and doing the maintenance for this site which i come across.i want to select the image from my Media folder,my banner from image 1 to 5 works fine (which done by someone else) however i want to put the banner for image6 which doesn't not works fine.cant locate the image logo.i have the image(banner6) below.the id:7745 which i guess since i follow the id from the last image..
thanks in advance

You can't guess the image ID, you need to look it up in the Media section. When you hover with your mouse over the media-item in the media-tree, you can see the ID of the media in the lower left corner:
In this case the Id of the image is 6508 and this is the Id that should be used if you want to display images hardcoded

i have been able to solve my problems, since im using Umbraco V3, all i have to do is insert that image into one of the Content Page for testing from there i can get the ID for that image and then i write the code using that ID..it works fine.

Related

How to display image here

Hi there, how can i display image here(its example place on the photo but it will be nice if i can put image here) from field Image but not after saving but live(when i paste url then display preview). I dont have any idea how to do that so the last thing is to write a question here.
Looks like you should use custom admin templates, then use JavaScript

How to add href link to bootstrap rollover image?

Warning: I'm a noob. The little I know comes from fiddling around.
I maintain a hobby website of images created in bootstrap 3 and I would like to have a responsive rollover image that also links to the full size image.
I have been able to complete the responsive rollover part, but I can't figure out how to add the link to display the full image.
Here's what I have so far:
https://jsfiddle.net/11cmcznn/
HTML:
<div class="rollover-wrapper-1"><div class="rollover-image-1"></div>
I can't post the CSS because I don't have reputation points yet.
Any help would be much appreciated.
Put href before the div and make sure you close the parent div too. Like this
<div class="rollover-wrapper-1"><div class="rollover-image-1"></div></div>
Well I've run into another problem. I have the rollover image working properly including linking to the full size image. But for some reason whenever I add the code to the webpage and the style sheet, somehow the webpage is looking for the style sheet in the wrong place on my website.
I have a style sheet "default.css" that I use for all my webpages. This css sheet is in the root of the website. But for some reason the webpage with the rollover image will not display the image, and when I inspect the element within Chrome it gives me 404 error stating that the default.css is not found in a certain folder on the website. I've never had the default.css in any folder besides the root.
So somehow the webpage is looking for a style sheet in a place where none exists, and I have no idea why.
If I copy the default.css style sheet from the root into the folder it's looking for then the webpage loads properly, but I don't want to have to maintain two identical style sheets. I just don't know how the style sheet got attached to the webpage.
I'm sorry for the vagueness of this problem, but I don't know enough to make a more informed question.

django wysiyg editor image control

Is there a django wysiyg editor I can control its image?
I want to set a default image size and use the image as a thumbnail as well.
all wysiyg contents are represent like {{content}} since in model it's set like
content=some Wysiyg field()
The one I want to do is {{content.image}} and play around with that image.
Is there any way I can do that? right now this is the one I'm using, but I'm willing to change to the one I can control image with.
try django-ckeditor, redactor it's more simple but redactor itself isn't free and i think ckeditor is more flexible in the configuration

How to add caption to image using wordml?

In my java application, I wanted to add cross-reference to an image but MS word allows it only through an image caption so I was trying to add a caption to an image with the help of wordML.
I can see that wordML allows user to add captions to a table but it doesn't seem to have such an option available for images. Can someone suggest something here?

Cannot add images to existing products in OpenCart

I recently upgraded a clients OpenCart system to 1.5.6 and she cannot add images to existing products in the "Images" tab. The image manager comes up and it will display all the images, but when I double click to add it, the box that should have the new image stays blank. The weird part is, when a new product is created the Image Manager works just fine. Or if I use the "add image" button, save the product without actually adding the image, go back in, it works just fine.
I've checked the error logs with no data found on this, cleared the data folder in the cache, I'm pretty sure the permissions are correct, and now I'm stumped.
Fixed! The issue was documented in the OpenCart project on GitHub. There were four files in the /admin folder that needed to be updated.
https://github.com/opencart/opencart/issues/829
Thanks for the feedback.
For those who are NOT technically inclined and worry about code changes, the workaround answer given by Kyle I. works just fine and does not need you to change any codes. The workaround is not too bothersome either!
Problem:
Cannot add additional images to existing Product in Opencart. In my case version was 1.5.6
Workaround:
add images to new products but save the product with blank images and then go back in and add your image. This time your image is added!)
What was done?:
Well as explained in the above workaround, it works. If you cannot add additional images to a Product in Opencart, what you do is to:
1) Add a blank additional image to your Product, save the Product.
2) Go back in and add the image where it was previously saved as blank.
3) Now you can see the image added.