I have a question about wordpress slider plugin Cyclone2.
Problem is that when I upload and add an image to slider, it outputs incorrect src url for img tag on site page, like adding slider width and height to image url..
Ex. I upload image Champagne-All-Bottles.jpg.
In admin panel image loads successfuly: /wp-content/uploads/2015/12/Champagne-All-Bottles.jpg
but on site page it adds a width and height to img url like: /wp-content/uploads/2015/12/Champagne-All-Bottles-1200x400.jpg
HTML admin panel(correct):
HTML output on site page(incorrect url):
This plugin probaly makes an 1200*400 picture copy of the one you are giving because somewhere in the settings you say that the slider should be 1200*400 pixels. So the plugin is transforming your picture to the dimensions of the slider. Is there somewhere in the settings of the plugin something where you can adjust the dimensions?
A lot of WordPress plugins do this, and even WordPress itself is doing this. Making different dimension copies of images you upload.
EDIT: I searched the plugin you are talking about and in I think in basic settings the "width" and "height" are there so you can change the dimensions. But one thing, all images uploaded will get the same dimensions, thats how this (and a lot of other) WordPress plugin works.
Note: if you set "Width Management" to fixed, the plugin probably stops resizing your image, can you give it a try?
-Resize Images?
-No, shut up!
#TotalCare, thank you for your help :)
Related
I'm using Ckeditor and Responsive filemanager. I want that uploaded images were responsive. But when I upload an image, and see it on the article page, it isn't responsive. Even the image goes beyond div. How can I make it responsive?
I find the solution. When adding image to ckeditor just need in ckeditor property window. Instead of pixels use percent.
Screenshot
I'm resizing larger images contained in posts for my site teasers using ImageCache (Drupal 7), and for some reason the quality of the images goes down significantly when I size down (e.g. 670x400 pixel image is sized down to 220x185). Quality doesn't usually go down when sizing an image down (only when sizing up?)
Does anyone know how I can fix this?
Thanks.
In back-end, under Configuration/Media/Image toolkit you can set the JPEG quality.
URL is:
/admin/config/media/image-toolkit
You can set a specific image style (image cache) preset for the node teaser from content type Manage display page. e.g. ?q=admin/structure/types/manage/[CONTENT_TYPE]/display/teaser
Click the gear icon next to the image field, and choose the image style you want to apply to the content type's teaser display.
I have a wordpress theme that relies on using wordpress' image cropping functionality.
The problem I am facing is that when I crop an image, lets say I'm not happy with the crop, so I revert back to the original size, on the right hand side there should be a "thumbnail settings" box of the media admin panel.
It looks like this:
Now, as I said, after reverting back to the original image size this box is not there and I can no longer crop an image and choose the option of whether to apply it to thumbnails.
Anyone know why this might be happening?
Edit: The restore to Original Size option:
I have looked high and low for this, but can't seem to find an answer... I have a wordpress site that used custom fields and can upload images to it and basic copy in a tinyMCE, but I was wondering if there's a way to have it so that a user could upload a background image to wordpress, and then have it appear on the site in the area that's designated?
I'm using Advanced Custom Fields to upload / edit fields.
One idea I have, is to have it so that a calls an absolute url that a user uploads stuff to... but the problem is that if a user uploads down the line, wordpress would change the url of where things are uploaded. For example, img src="october2013/backgroundimage", 2 months down the line it would be img src="december2013/backgroundimage".
Is there a way I can designate the url an image is uploaded to in wordpress?
Thanks
I found a solution to this! Just put it as a background image to the url.... like this:
<div style="background-image:url(<?php the_field('headerimagegraphic');?>); background-repeat: no-repeat;">
I'm currently working on a blog for someone that has been designed by someone else. The design has the main index page listing articles from the blog. At the top of the design there are three buckets where the latest stories are and they all include an image from the article.
The images all have to appear at the same aspect ratio from the article when on the index page. Yet I cannot guarantee that the user of the blog (the article author) will take the time to make sure the image is the right aspect ratio to be scaled on the home page.
Does anyone know of any techniques to get around this issue?
It also needs to work across all browsers.
You can use TimThumb which can both resize and crop it to the right aspect. It is really good!
timthumb - image crop zoom resize management
So, these boxes will display post's plus their featured images as thumbnails? Is that correct?
You could use the get thumbnail hook, and set the dimension in the functions.php file.
But it really depends on your currect code.
Are the boxes using a post loop?
An chance of showing the current index.php code.