How to know what image is used when looking at the webpage - image

There is a facebook logo in the frontend design of my site above the header. I want to replace the it with a different colour facebook image. All i did was go to "skin/frontend/default/template_name/images/" and replace the old image with the new one with the same name. But still, the old image is displayed. Please help?????

Rather simple:
make a right click on a image and open image in new tab or inspect the source adress of this image
replace the image on the url that it is really displayed
clear your browser cache if the image still does not change

Related

Use Entire Image Overlay as link Sp page builder

I am new to Joomla and Sp Page builder.
I need to make the Image Overlay addon on joomla clickable, I am aware you can use the title as a link, but I want the whole Image to be clickable. Pls help
enter image description here
You can create a custom addon (based on image overlay) and adjust the output to have the link containing the image
https://www.joomshaper.com/blog/how-to-create-a-custom-addon-for-sp-page-builder
Or you can add some jQuery to get the link inside each image overlay and add it outside the container then adjust with some css.

Extracting Images from the external website

Can anyone explain me what is been used on this template to secure the images used in the website template http://template-entitled.webflow.com/ and is there anyway I can extract them out, every time I save the pages, I just able to save icons not the background and slider images. I downloaded its css and js files but couldn't find and png files for background.
Not sure if you just need the background images or you need to recreate the same effect of this theme. Anyway if you just need the images with firefox you can right click on the image an choose visualize background image (not sure if the English menu is exactly like this) and you'll have the url of the image (i.e.: http://uploads.webflow.com/533e797fc51278ef4200094a/534e45fb2dd7fcb8350002df_Office-6-2.jpg)

Display an image in a Fusiontable, which is stored in Google Drive

I uploaded some images to a public folder in my Google Drive and would like to display them in a Fusiontable. I defined a column "link" as "Four line image" and store a link to the image there in the following format (provided by #Mori)
https://drive.google.com/uc?id=FILE-ID
example: https://drive.google.com/uc?id=0B6qZJQj7B-4ERS1KZ3p2SE9IbkU
I also tried the following format (provided by #niutech)
http://googledrive.com/host/<folderID>/<filename>
Unfortunately the result looks like this (screenshot 1)
Only after right click onto the image placeholder and selecting "View image", the image is displayed in a separate window. Now going back to the fusiontable the image appears correctly, see screenshot 2:
What could be the solution to this problem? I would like to see all images without need to right click first. Btw, I'm using Firefox.
EDIT: I now set the Fusiontable to "visible to anybody with link" and tested with Google Chrome and Opera. There it works fine. Firefox still does not work. Seems to be a browser issue...
I now set the Fusiontable to "visible to anybody with link" and tested with Google Chrome and Opera. There it works fine. Firefox still does not work. Seems to be a browser issue...
After many attempts I was only able to upload my own images to fusion tables via Dropbox and not Drive. I could not find a way to automate this, so for many images it might be better to go to another visualization platform.
Upload the images to your personal Dropbox (mine were .png)
For each image:
Click on Share -> Create a Link -> Copy link.
Open the 'shareable link' in a new tab. It might help to open the link in a private browser to check that anyone not logged in to Dropbox can view the image. Then right click on your image and go to 'Copy Image Location' (Firefox) or 'Copy Image Address' (Chrome). You will notice if you put this link in a new tab it will prompt you to automatically start downloading the image.
Paste this image location URL into the appropriate fusion table cell and make sure the column attribute is defined as e.g. "Four line image" and not 'URL'.
You almost had the correct answer. You have to change your picture's URL from the one for viewing the picture, to a direct URL for download.
See https://www.labnol.org/internet/direct-links-for-google-drive/28356/ for details.
I managed to do this in a calculated column (I use google form to gather info, then google spreadsheet and than synchronized fusion table). I changed the URL with spreadsheet formula:
=CONCAT("https://drive.google.com/uc?export=download&id=",right(left('URL',(len('URL')-17)),len('URL')-49))
Where 'URL' is the URL for viewing your picture in the browser.
Hope it helps anyone else!

Slideshow / Thumbnail on homepage not shows up on wordpress 3.4.2

I'm new to wordpress and currently I'm building a website using it. But now I'm confused about why my post's image doesn't show up on the homepage's slideshow / featured post but it does show up in the post if I open that post. I'm using Weekly Theme right now, but if I change to another theme it will return the same result too ( images won't show up ). How to fix this? Is there any specific codes I need to add or what?
Thanks in advance!
It's a bit hard without being able to see what's going on. Do you have a link to the site? Or the place you got the theme from?
Is it just the image that won't show up in the slideshow/featured area? Or does the text not show up either?
- If it is just the image then you are probably not setting an image in the way the theme wants. Ensure the image is both "in" the article text and also set as the Featured Image using the box on the right-hand-side of the edit screen.

Outlook truncating images

I'm designing an e-mail template for a company and it tests great in everything besides Outlook. For some reason the bottom images of the email look like they're loading half way and then stop. I've found information online that Outlook won't load images with a height greater than 1728px, but the tallest image we have is much shorter than that. There are images beyond 1728px on the page that are loading just fine, so I'm not sure that's the issue. Does anyone have any experience with this? Any advice would be helpful.
Hi Here is a quick solution for this to be done in the outlook.
Use photoshop and follow this steps:
Once the design is over, slice up the image parts / height(1728px as per yout example).
Save this as, File->Save for web and device. click save. you will get option under save box
Under format change this to HTML and image from drop down.
Save them in one folder. A new HTML file and image file will be created in this folder.
Open this HTML file in a browser.
Just copy and paste the content in the outlook using a single cell table.
That's you are done. Now your image will load without any problem.

Resources