Jump to content

Search the Community

Showing results for tags 'prettyphoto'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Welcome to ProcessWire
    • News & Announcements
    • Showcase
    • Wishlist & Roadmap
  • Community Support
    • Getting Started
    • Tutorials
    • FAQs
    • General Support
    • API & Templates
    • Modules/Plugins
    • Themes and Profiles
    • Multi-Language Support
    • Security
    • Jobs
  • Off Topic
    • Pub
    • Dev Talk

Product Groups

  • Form Builder
  • ProFields
  • ProCache
  • ProMailer
  • Login Register Pro
  • ProDrafts
  • ListerPro
  • ProDevTools
  • Likes
  • Custom Development

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL







Found 5 results

  1. I'm wondering if anyone can advise on the following. (I apologise in advance as I'm not over familiar with .js and prettyphoto, etc) We have a site footiegoals.com and this utilises prettyphoto, in order to get prettyphoto to work on the website on the pictures I had to comment out the lines as shown below. Prettyphoto then works fine. However the responsive menu does not display then if the screen is resized or if its viewed from a mobile phone Im assuming its a conflict of sorts between the version of .js used ? Is there any way to fix this does anyone know? <link rel="stylesheet" type="text/css" media="all" href="style.css" /> <link rel="stylesheet" href="prettyphoto/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" /> <link href='http://fonts.googleapis.com/css?family=Coda:400,800' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Marmelad' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.flexslider-min.js"></script> <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" src="js/custom.quicksand.js"></script> <script type="text/javascript" src="js/jquery.quovolver.js"></script> <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script src="js/script.js"></script> --> Thanks in advance
  2. Hi, try to get a picture displayed with prettyphoto script. the only thing I stuck with is how I get the description of the image at the place where the title stands. thanks Tobias <h2>Picture alone7</h2> <ul class="gallery clearfix"> <a href="<?=$pages->get("/site-settings/")->site_prettyphoto->url ?>" rel="prettyPhoto" title="HERE WE NEED THE DESCRIPTION" > <img src="<?php echo $config->urls->templates?>images/thumbnails/t_2.jpg" width="90" height="90" alt="" /></a> </ul>
  3. I've been putting together a simple lightbox gallery using prettyPhoto. I have this working but I only want one thumbnail to launch the gallery and at the moment I'm getting one thumbnail for each image. Apologies for my poor php skills, I know this is coming from the echo but don't know how to display <img> only for the first list item. Here's my code: <ul id="gallery1"> <?php foreach($page->images as $img) { $thumb = $page->thumbnail->size(220, 200); echo "<li><a href='{$img->url}' rel='prettyPhoto[gallery1]'><img src='{$thumb->url}' alt='{$thumb->description}' width='{$thumb->width}' height='{$thumb->height}' /></a></li>"; }?> </ul> And my original code: <ul id="gallery1"> <li><a href="assets/library/image01.jpg" rel="prettyPhoto[gallery1]"><img src="assets/library/thumb1.jpg"/></a></li> <li><a href="assets/library/image02.jpg" rel="prettyPhoto[gallery1]"></a></li> <li><a href="assets/library/image03.jpg" rel="prettyPhoto[gallery1]"></a></li> </ul> Any help would be greatly appreciated.
  4. Hi, Here is another processwire powered site, completed recently. http://www.kapelis.com/ the way this is setup would not have been possible without processwire, which has made it easy and accessible for the client to update all aspects of the site without having to code or use a wysiwyg... -marc
  5. Hello, I'm using prettyphoto to display pictures and I already linked it to PW. Good! Prettyphoto has the option of uploading youtube, vimeo and more video formats. I would like to have a field which accepts video. I've tried to use the field of images but it only accepts img formats. Prettyphoto works in a simple way. This would be the upload of an image: <div class="single_left"> <a href="_img/examples/image-1.jpg" rel="prettyPhoto[gal1]" title="it works"><img src="_img/examples/thumb-1_50.jpg" alt="" /></a> </div> This of a video: <div class="single"> <a href="http://vimeo.com/19880686" rel="prettyPhoto[gal1]" title="me with my friends in festival bu bu"><img src="_img/examples/thumb-6_50.jpg" alt="" /></a> </div> As you can observe the only thing that changes is the href from a url where the picture is hosted to the link given by vimeo in this example to embed in your website. Therefore there should be a field or something which lets you print this link into href. I don;t know if to use a field or some manipulation... In this moment this is the code for the list of pictures displayed with PW. It does work and I would like to create the same system for the videos if possible: <?php foreach($page->photo as $image){ echo "<div class='single'><a href='{$image->url}' rel='prettyPhoto[gal1]' title='{$image->description}'><img src='{$image->getThumb('thumbnail')}' width='50' height='50' alt='' /></a></div>"; } ?>
  • Create New...