Search the Community
Showing results for tags 'image'.
-
Hi. I am new in process wire. I want to show child page image in the list of child pages as a thumbnail . ( like title and summary ) I tried this <img src='{$child->image_top->url}'> it works but i want to show ( 300x300 px ) I am adding the code below. My image field name is : image_top <?php // Output navigation for any children below the bodycopy. // This navigation cycles through the page's children and prints // a link and summary: if($page->numChildren) { echo "<ul class='nav'>"; foreach($page->children as $child) { echo "<li> <img src='{$child->image_top->url}'> <p><a href='{$child->url}'>{$child->title}</a><br /><span class='summary'>{$child->summary}</span></p></li>";} echo "</ul>"; } ?>
-
Hi, Having an odd issue with image fields where there seems image fields have not got the option to add descriptions in or trash the image. See the screengrab below: It seems to be happening on fields with one image, if I add multiple images I get the little icon to change it to expanded view and am able there to trash images and add descriptions. Does anyone know what might be causing this? I can see for a very brief moment a flash of the description box on page load but it then gets hidden. -
In another topic Ryan introduced a simple module to extend the functionality of the image input field. I want to go a little bit further by extending the description textarea with the usage of the Markup fields and editors, configurable in the image extra input. I tried to copy some parts from the other input fields but don't get it to work properly. In the end I would like to have an image input field with title and description, where the description should use markdown extra and the ace editor textarea field. Anyone who can help me with that?
-
Hi, I have experimented with naming of images. For people who want try out different settings with images, the current naming scheme isn't of good usage. I have added some code to the Pageimage::size method, Pageimage::isVariation, and to the Imagesizer to make it work like here: http://images.pw.nogajski.de/new-naming-convention/ It is open for discussion --- Additional to that I like to implement a new temporary option on a per image base to force recreation of the requested image also if a cached version is available. I don't like to use all the time $image->removeVariations(). What is a useful option name for that? forcenew recreate forcecreate forcerecreate ...? $options = array( 'cropping' => true, 'quality' => 80, 'forcenew' => true ); $img = $image->size(120, 160, $options); --- And for the naming convention I am unsure if a short custom appendix should be enabled too, or if this would be to much? $customappendix: a-z0-9 strlen max 10 ?
-
Hey guys, having a few issues today uploading images in the admin (2.4) and the thumbnails are coming back blurred. These images aren't being upscaled. Very strange, not had this issue before. GD appears to be installed fine. Anyone had anything similar recently? Cheers,
-
I have an image 500x300 I need to apply the resizing to 150x150 without cutting edge. Thus in any case, I need to have the image canvas size 150x150 When you use $ image->size (150, 150), we obtain the desired result (cropping). When using $ image->size (150, 150, array ('cropping' => false)) our image circumcised according to the greatest height, canvas change proportionally. / / 150x90. Need an image 150x90 position in the center of the canvas 150x150. You can do this using the API?
-
Hi All, I'm playing around with the Blog Profile and I'd like to figure out the best way to add an image file (ex: a signature) at the bottom of every post. What I love about Processwire is that most times, there is no one way to do things. This also means that I wonder how others are doing it. I've tested my solution by adding: <?php echo "<img src='http://lorempixel.com/200/200/people/9'>"; ?> to the bottom of the .postbody div in post.php. To have a signature (image file) in it's place, I'm unsure if I should create a field, insert it into the post template, etc. or use a different method? Thoughts? Thanks for any and all help and feedback.
-
For example: It is necessary for you that all photos in galleries of "participants" would be in jpeg. But different types are allowed for loading, and all of them will be cut off in compliance with the type. I suggest to choose expansion in which the reduced copies of the image will be converted, it can be both control for a field, and expansion for API Image $image->ext() //jpg $newImage = $image->ext('png') $newImage->ext() //canonical png convert
-
It will allow not to allow file load .psd with expansion on .jpg. Example: I have an external form. In type of a field it is specified (to allow.jpg.jpeg). But it is enough to rename only expansion as it will be possible to load and.psd and.png and.pdf and.php. Besides, everyone will be processed on a miscellaneous, instead of as jpg. For the sake of dough I suggest to load psd renamed into jpg
-
Hi Guys, I am pretty new to process wire and am experimenting with repeater fields. The issue is that the image cannot be found via the URL but im not sure why? Im sure this is something silly however I cannot see the problem. The image is uploading fine via the content management system however when viewing on screen it comes as though the image cannot be found. All help would be greatly appreciated. Thanks, Melissa <?php foreach($page->about_timeline_left as $about) { $image_left = $about->left_images; echo "<div class='ss-row'> <div class='ss-left'> <img src='{$image_left->url}' alt='{$image_left->description}'><a class='ss-circle ss-circle-1 ss-circle-deco'></a></div> <div class='ss-right'> {$about->right_description} </div> </div>"; } ?> -
I'm working on a music magazine website, and hoping to build it in PW. I'm a PHP programmer, but this would be my first PW site. So far everything's working great, but I'm confused about image management. The client has made it clear that re-using images and easily finding those images in the admin is a priority, as there will be photographers uploading (and tagging) images, which can then be used and re-used by writers in articles. So there needs to be a consistent system. Soma's Images Manager Module does a lot of what I need, but there's one important difference: rather than creating categories within the manager, I would like to use my existing Pages to organize images. Let's say I already have these pages (children of Home): Artist -Decembrists -M. Ward -Shins Author/Photographer - Joe Photo - Jane Writer - Ed Editor Venue - Crystal Ballroom - Aladdin Theater What I'd like to do is tag each image (or maybe batch of images) with artist(s), author(s), venue(s), etc. This means that instead of creating categories in the Images Manager, it would access a hierarchy like this to locate images according to any of their "tags": Images -Artist --Decembrists -Venue --Crystal Ballroom It's the same idea as with categories, except that the hierarchy would be autopopulated from other pages, and images could live in more than one place in the tree. The question is, is this practical? Does it seem wise for me to try to customize Images Manager for this purpose? What problems might I expect? Thanks!
-
Hi there, When I upload my files on the image field, it changes their name and uploads a file with a different name. In this case I am building a Retina ready site and I really need these files t be uploaded as they are. Their names end with '@2x', so 'file@2x.png' could be an example, but when I upload it, the file that appears on the assets/files/ folder is named 'file_2x.png'. How can I control this? Thanks
-
If I upload an image to a multiple images field, then add the image to the body field of the same page and select No alignment, the following class is assigned to the image ("No Alignment"): <p><img class="No Alignment" src="/site/assets/files/1001/image.png" alt="Example" /></p> This seems like a bug since it registers as two separate classes ("No" and "Alignment"). Can this be changed to a single (lowercase) class that doesn't include a space (or not included altogether, since it assumes the image is inline)? -
Hey, I've made a gallery and it all works fine, all the images are in an image inputfield and when I upload a bunch it puts the images in the order the pictures are uploaded. How can I sort the pictures on the title? The titles are like following mih_5500-1200.jpg and mig_5555-1200.jpg etc etc I display the pictures with <?php foreach($page->images as $image){ //blabla } ?>
-
Hi there, Is it possible to make an Image Field store the images on a custom folder? Because my images are being stored in a folder called '1012', how can I change this. Thanks
-
Quick question: Is there a module/inputfield type for images like the one in TinyMCE where you set pages and get the images listed? This would be very handy for avoiding that clients upload images again and again. Thx in advance!
-
Hi everyone. I'm coming to an old thema of mine. When it comes to present different sized and different orientated images on screens, it is always a bit frustrating. Maybe most time (on desktop) there is a landscape oriented widescreen, on which you can show a panorama image (2:1) very large but that it fits into the viewport. If you want to show a square image (1:1) you only have the half (content/amount?) of surface area. (The image only has half superficial content). And if you want show a Portrait (maybe 2:3) this image is somewhat more smaller displayed than the square one. So, I'm searching for some math that calculate dimensions depending on a equivalent superficial content and depending on the available viewport. Puh! But maybe it also shouldn't be a (technical) linear one. when downsizing the panorama to an equivalent, it looks a bit poor, alone in the viewport. For example, with the width and height of an image one can create a superficial content number: 100 is a square, 200 is a 2:1 and so on: 1:1 = 100 5:4 = 125 4:3 = 133 3:2 = 150 2:1 = 200 Is there anybody on the forums who can build a elegant maths formula for that? Or there are other suggestions, thoughts to that?
-
Hello, I am following the Basic Website Tutorial http://wiki.processwire.com/index.php/Basic_Website_Tutorial After creating the site settings page and uploading an image to the header_banner img field, the tutorial says to include the path of the image file like so: I changed it to this: However, they should be the same. But unfortunately my image is not showing up. When I pull the code inspector in Chrome, this is the HTML that I see. When I go into my remote folder and navigate to site>assets>files>1008, I see two files: the original jpg I uploaded (pwtut-header.jpg), and one other one (pwtut-header-1.0x100.jpg). What is going on here? Has there been an api change since that tutorial?
-
Hi all, I have a situation in which a user can upload a file that's any one of a number of formats (pdf, mpg, jpg, etc.). If the file is an image, I want to do some resizing. However, when I call ->size(###,###) on the file field when an image is in it, I get an error. Makes sense. I'm hoping there's an easy way to solve this without needing to create a separate field for image uploads. I tried following @Soma's advice from this thread, but kept getting an error from ImageSizer saying I was passing in invalid format. I know the file in there is an image as it's getting displayed in the browser. So, is there a standard way to convert a File field to an Image field? Thanks.
-
Hello. I have been playing around with PW for a while now (former WP user). In issue that I have encountered is that when uploading images / photos. The original image is keeping the correct orientation, but the images that are being generated on the fly by PW are all ending up with lanscape orientation. Example: I have a picture with: width: 480px height: 720px Then upon resize the ratio is changed to example: width: 200px height: 133px I have both tried the build in image module and the thumbnails module with the same results. Any ideas / suggestions ? Thanks / Ronnie
-
Hello. I want implement image "likes" system. I want to use built-in description field to store values (because client needs opportunity to change values by himself). I have one problem - how change image description with ajax request? For example, I send request via jQuery to file likes.php <php include "./index.php"; $gal_page = $wire->pages->get(1188); //I don't know how can I pass image id or something similar and then select this image $image_id = $wire->input->get("img_id"); //set OF false $gal_page->of(false); //I know that there isn't such method, just for example $gal_page->images->eq($image_id)->description = "34512"; $gal_page->save(); ?> As you see from code comments, my main problem is saving image id or something else and finding image by this info. Have you any ideas, how can I implement this?
-
Hi Guys I'm doing the unthinkable and attempting to recreate cmscritic.com with processwire. A task that I'm sure will be incredibly fulfilling once complete and I'm hoping will teach me how to use this CMS in the process. (pun not intended). I'm messing with the blog profile at the moment and when I look at the template, I see it's got a field "site title" which when viewing the page, is populated with the words "Basic Blog Profile" and used in the masthead. Since I want to use an image logo instead and have it easy to change within the backend, I added an image field to the template and uploaded my logo. The issue i'm having is that I'm unsure as to how to call this and within which template. I can see it in the page now as an uploaded image but I don't know how to call it within the masthead. Tough to explain, hopefully my question makes sense. Here's a screenie to show what I mean. Thanks in advance! Mike
-
what I need to do is add <a href="javascript:pixlr.overlay.show({image:'path/to/image.jpg', title:'image name'});"><img src="path/to/image.jpg" width="250" height="150" title="Edit in pixlr" /></a> around any images that are uploaded. So when you have an image in the admin side it can be edited via pixlr. I have successfully loaded the required scripts that this requires but need to know where to add the href wrapper (see above) if I can call it that.
-
Hi all, I'm fairly new to Processwire. As far as I can see, it's a great tool to get my work done! There's just one question right now: Is there a way to define a fixed width and/or height for an image in the backend? I'm aware of the "maximum width/height" options, but I need a fixed width in my case. Images larger than the defined width should automatically downsize, images smaller should be rejected with an error. Regards, Thomas
-
We've home-rolled a front-end profile management page and we've expanded profiles with lots of custom fields. It's working great! Now, I need to allow site members to upload their own profile photo to the default 'avatar' field. Of course, I know how to add a file upload field to the form and work with the file in my target script. But I'm a bit unclear as to how to bridge the gap to populating the avatar field value. Can someone provide a code snippet?
