jploch

Members
  • Content count

    66
  • Joined

  • Last visited

  • Days Won

    1

jploch last won the day on October 26 2016

jploch had the most liked content!

Community Reputation

40 Excellent

About jploch

  • Rank
    Distinguished Member
  • Birthday 05/02/1985

Contact Methods

  • Website URL
    http://janploch.de/

Profile Information

  • Gender
    Male
  • Location
    Hamburg, Germany
  • Interests
    Webdesign, HTML/CSS, jQuery

Recent Profile Visitors

2,515 profile views
  1. Module

    @horst Thanks for explaining the problem! unfortunately I have to use GIF's with transparency. I think that would be the way to go. How would I target GIF's in my template file? Can you give an example? Thanks again for your support!
  2. Module

    any news on using this with animated gif's? I have an image field with various files (gif, png, jpg) Is there a way to just target gif files and resize them with PW (like $image->width(300);) and use MarkupSrcSet for the rest of the images? Any help would be appreciated!
  3. @Robin S Thanks for your Help! The order was messed up, even when I echoed out the title. I found out that the order is correct when I change this line $albums = $pages->find("parent=/work/, template=project, thumbnail!='', sort=sort"); to: $albums = $pages->find("parent=/work/, template=project, sort=sort"); Now I only have one problem. I want to display all thumbnails, even when there are just 6. So it should be one slide with 4 and one with the remaining 2.
  4. @Robin S Thanks for your quick reply! Your code works better. The number of images is now correct, but the order is still not right. I want the images to be displayed in the order they are sorted in PW (so the user can sort them with dragging in the page tree). I also noticed that I can't login to the processwire backend, after I created the init.php file in my site directory. When I delete it, it works. Is there anything else I have to do? (Running PW 3.0.42.) Any suggestions? With my own code I felt more confident because I can understand better how it works, even if it may be bad practise.
  5. Hi! I have a problem with pagination. My site structure is like this: – Work – Project 1 – Project 2 – Project 3 Every project-page has a thumbnail I want to display. I have a slider that creates pagination automatically with a structure like <div id="slide1"></div>, <div id="slide2"></div>, etc. I want to have 4 thumbnails per slide. My problem is, that the order and number of images is messed up. Here is my code: function albumList(){ // Get the list of albums $albums = wire("pages")->find("parent=/work/, template=project, sort=sort"); $albums_total = wire('pages')->get("/work/")->numChildren; $images_per_page = 4; $slides = round($albums_total / $images_per_page); //Create Slides for($i = 0; $i < $slides; $i++) { $start = ($i) * $images_per_page; $slide_id = $i + 1; $images_limited = $albums->slice($start, $images_per_page); echo ("<div class='slide' id='slide{$slide_id}'><div class='grid'>"); //Display Images foreach($images_limited as $album) { // if there's no thumbnail no need to do anything if(!$album->thumbnail) continue; // save srcset tag to a variable $bgset = $album->thumbnail->bgset('half', 'lazyload item size1of2', array('quality' => 70)); $out .="<a href='{$album->url}' $bgset><img src='site/templates/img/plus-icon.svg' class='info-button'>"; $out .="<div class='item-info'><div class='info-container-center'><h3>{$album->thumbnail->tags}</h3><h2>Für {$album->title}</h2><p>{$album->thumbnail->description}</p></div></div>"; $out .="</a>"; echo $out; } echo ("</div></div>"); } } Any help would be highly appreciated! Thx!
  6. Module

    Thanks for your quick reply! Here is my code example (shortened) without MarkupSrcSet and with ImageAnimatedGif installed: $image->width(300); echo ="<img src='{$image->url}'>"; Result: code example with MarkupSrcSet and ImageAnimatedGif installed: $srcset = $image->srcset('thumbnail', 'inline-block', array('quality' => 70)); echo ="<img $srcset>"; Result:
  7. Module

    For a website Iam working on, I tried to use this module with animated gif's. I know that PW doesn't support resizing animated gif's out of the box, so I also installed the "Image Animated Gif Module". Now the gif's are animated but have strange artifacts and colors. When I resize them with PW like "$image->width(320)" they are fine. Is there anyone having the same problem? Would be awesome to use this module for all my images! THX!
  8. Thx! this fixed it for me
  9. hi! thanks for this great module! today I experienced a strange issue when using this module with the Video Fieldtype Module I get the following error when uploading a video, when the image extra module is installed: <br /> <b>Notice</b>: Trying to get property of non-object in <b>/www/htdocs/w00dd152/projekte/jp-relaunch/site/modules/ImageExtra/ImageExtra.module</b> on line <b>722</b><br /> [{"error":false,"message":"Added file: portfolio_screencap_02.mp4","file":"\/jp-relaunch\/site\/assets\/files\/1162\/portfolio_screencap_02.mp4","size":3214711,"markup":"<li id='file_c17b44756649023a42ba014c5b29202c' class='InputfieldFile InputfieldImage InputfieldVideo ui-widget'>\n\t\t<p class='InputfieldFileInfo ui-widget ui-widget-header'>\n\t\t\t<span class='ui-icon ui-icon-arrowthick-2-n-s'><\/span>\n\t\t\t<span class='InputfieldFileName'>portfolio_screencap_02.mp4<\/span> \n\t\t\t<span class='InputfieldFileStats'>• 3,139 kB • <\/span> \n\t\t\t<label class='InputfieldFileDelete'><input type='checkbox' name='delete_video_repeater1162_c17b44756649023a42ba014c5b29202c' value='1' \/><span class='ui-icon ui-icon-trash'>Delete<\/span><\/label>\n\t\t\t<a class='InputfieldFileMove InputfieldFileMoveBottom' href='#'><span class='ui-icon ui-icon-arrowthickstop-1-s'><\/span><\/a> \n\t\t\t<a class='InputfieldFileMove InputfieldFileMoveTop' href='#'><span class='ui-icon ui-icon-arrowthickstop-1-n'><\/span><\/a> \n\t\t<\/p>\n\t\t\t<div class='InputfieldFileDescription'><label for='description_video_repeater1162_c17b44756649023a42ba014c5b29202c' class='detail'>Description<\/label><input type='text' name='description_video_repeater1162_c17b44756649023a42ba014c5b29202c' id='description_video_repeater1162_c17b44756649023a42ba014c5b29202c' value='' \/><\/div>\n\t\t<br \/><label class='InputfieldFileDescription'><span class='detail'>Subtitles<\/span>\n\t\t<br \/><br \/>In templates, you can access this subtitles file (portfolio_screencap_02.srt) using: <code>$page->video->eq(0)->subtitles<\/code><br \/>In templates you can access a formatted transcript (converted from subtitles entered in SRT format), by using: <code>$page->video->eq(0)->transcript<\/code>\n\t\t<br \/><br \/><textarea rows='10' name='subtitles_video_repeater1162_c17b44756649023a42ba014c5b29202c' \/><\/textarea>\n\t\t\t<input class='InputfieldFileSort' type='text' name='sort_video_repeater1162_c17b44756649023a42ba014c5b29202c' value='0' \/>\n\t\t<\/p><\/li>","replace":false,"overwrite":0}] I testes this in PW 3.0 with the newest versions of both modules installed. Not sure why its even interfering with the video field.. When I disable the image extra module, everything works fine.
  10. you are right! even with the newest version it wasn't working. after disabling the module it worked as expected. I will post this issue in the image extra forum thread, maybe someone can fix this. Thanks for your help!
  11. Sorry Iam not sure how to see the response tab in chrome (more designer, than developer, but Iam learning). On the source tab I get this error. Maybe this helps? <br /> <b>Notice</b>: Trying to get property of non-object in <b>/www/htdocs/w00dd152/projekte/jp-relaunch/site/modules/ImageExtra/ImageExtra.module</b> on line <b>722</b><br /> [{"error":false,"message":"Added file: portfolio_screencap_02.mp4","file":"\/jp-relaunch\/site\/assets\/files\/1162\/portfolio_screencap_02.mp4","size":3214711,"markup":"<li id='file_c17b44756649023a42ba014c5b29202c' class='InputfieldFile InputfieldImage InputfieldVideo ui-widget'>\n\t\t<p class='InputfieldFileInfo ui-widget ui-widget-header'>\n\t\t\t<span class='ui-icon ui-icon-arrowthick-2-n-s'><\/span>\n\t\t\t<span class='InputfieldFileName'>portfolio_screencap_02.mp4<\/span> \n\t\t\t<span class='InputfieldFileStats'>• 3,139 kB • <\/span> \n\t\t\t<label class='InputfieldFileDelete'><input type='checkbox' name='delete_video_repeater1162_c17b44756649023a42ba014c5b29202c' value='1' \/><span class='ui-icon ui-icon-trash'>Delete<\/span><\/label>\n\t\t\t<a class='InputfieldFileMove InputfieldFileMoveBottom' href='#'><span class='ui-icon ui-icon-arrowthickstop-1-s'><\/span><\/a> \n\t\t\t<a class='InputfieldFileMove InputfieldFileMoveTop' href='#'><span class='ui-icon ui-icon-arrowthickstop-1-n'><\/span><\/a> \n\t\t<\/p>\n\t\t\t<div class='InputfieldFileDescription'><label for='description_video_repeater1162_c17b44756649023a42ba014c5b29202c' class='detail'>Description<\/label><input type='text' name='description_video_repeater1162_c17b44756649023a42ba014c5b29202c' id='description_video_repeater1162_c17b44756649023a42ba014c5b29202c' value='' \/><\/div>\n\t\t<br \/><label class='InputfieldFileDescription'><span class='detail'>Subtitles<\/span>\n\t\t<br \/><br \/>In templates, you can access this subtitles file (portfolio_screencap_02.srt) using: <code>$page->video->eq(0)->subtitles<\/code><br \/>In templates you can access a formatted transcript (converted from subtitles entered in SRT format), by using: <code>$page->video->eq(0)->transcript<\/code>\n\t\t<br \/><br \/><textarea rows='10' name='subtitles_video_repeater1162_c17b44756649023a42ba014c5b29202c' \/><\/textarea>\n\t\t\t<input class='InputfieldFileSort' type='text' name='sort_video_repeater1162_c17b44756649023a42ba014c5b29202c' value='0' \/>\n\t\t<\/p><\/li>","replace":false,"overwrite":0}]
  12. Thanks for the quick reply! Here is the error: Uncaught SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse (<anonymous>) at Function.parseJSON (JqueryCore.js?v=1487348736:2) at XMLHttpRequest.<anonymous> (InputfieldFile.js:256) parseJSON @ JqueryCore.js?v=1487348736:2 (anonymous) @ InputfieldFile.js:256
  13. Hey! Thank you for this module! It worked fine for me with PW 2.6. without ffmpeg. Now Iam working on a website running PW 3.0 and when I upload a video (mp4) it keeps loading even when it reaches 100% and the upload will not complete. The same video is working and uploading just fine with PW 2.6. Iam not sure if this is working with PW 3.0. so it would be great if someone could confirm this.
  14. you have a point here. Its still possible to read it thought. On smaller screen sizes I may have to hide those elements.
  15. Hey guys, Just launched a new project called Fabricius: fabriciusstrasse31.de Fabricius is a new building thats being built in Hamburg (Germany), that offers modern living comfort in a green environment. I developed the whole brand strategy and visual identity for the website and some printing materials. The logo mark is derived from the silhouette of the building, which is surrounded by trees (circular shapes) and green areas. More details here The website is build with PW 3.0 and uses Modules like Map Marker, Pages2PDF (to generate the apartment exposes) and MarkupSrcSet. Thanks for the awesome support here and the development of PW and the modules!!