Fermé

pulse cms , gallery customization

I'm looking for a freelancer that knows pulse cms preferably , to do a custom work on the gallery.

The custom work is a small job , I want the gallery images to have titles below them , right now I only have option for caption (if you could use the caption and use that for title would be good enough)

it's been done before by a pulse user, he even left some notes on how he did it. >> look here :

[login to view URL]!topic/pulse-cms/-HWRuI-8_Ro

He wrote :

I'm wondering if there is any way to show an image title in the

gallery? I know that slimbox uses the img "title" entry for this, but

when uploading images to the gallery, there isn't an option to add

this.

I decided to have a crack at it and did come up

with a work around to have a title show up in the lightbox and a

caption to show up below the thumbnail using the file name. Although

the below might not be the most graceful way, it's working for me so i

though i'd share. :) - Here's what it looks like in my development

site: [login to view URL]

I updated the gallery div in includes/[login to view URL] with the following

(around line 32):

[code]

echo '<div class="gallery">' . "\n";

echo '<div class="photodiv">';

echo '<a href="http://'.$domain.'/'.$pulse_dir .'/blocks/img/

gallery/'. $gallery .'/'.$filename.'" rel="lightbox-set" title="';

$name = substr($filename, 0, strrpos($filename, '.'));

$name = str_replace('_', ' ', strtoupper($name));

$name = str_replace('-', ' ', strtoupper($name));

echo $name;

echo '">';

echo '<img src="http://'.$domain.'/'.$pulse_dir .'/blocks/img/

gallery/'. $gallery .'/thumbs/'.$filename.'" alt="" />';

echo '</a>' . "\n";

echo '</div>' . "\n";

echo '<p class="caption">';

echo $name;

echo '</p>';

echo '</div>' . "\n";

[/code]

I also updated the max width and height in includes/[login to view URL]

because i wanted larger thumnails (located at line 4):

[code]

$max_width = 150;//original was 110

$max_height = 150;//original was 110

$pics_per_page = 25;//original was 200

[/code]

As you can see i added a div called "photodiv" to control the image

size and a paragraph class called "caption" to control the caption

below the thumbnail. I added these classes to the [login to view URL] file. I

wanted the photo and caption centered and a little padding around

them. Below is my revised [login to view URL] file:

[code]

.gallery {

float: left;

display: block;

width:150px;

height:175px;

margin:10px;

padding: 8px 5px 5px 5px;

border: 2px solid #eee;

text-align: center;

background: #fff;

}

.gallery .photodiv {

width: /*75px*/120px;

height: /*75px*/120px;

margin: 0 auto;

overflow: hidden;

}

.gallery .photodiv img {

border: 0px;

}

.gallery [login to view URL] {

font-size: 10px;

text-align: center;

}

[/code]

The last thing i did was to take out the following <script> and <link>

tags which were located at around line 7,5 so that my page is xhtml

compliant:

<script type="text/javascript" src="http://<?php echo $domain?>/<?php

echo $pulse_dir?>/plugins/jquery/[login to view URL]"></script>

<script type="text/javascript" src="http://<?php echo $domain?>/<?php

echo $pulse_dir?>/plugins/slimbox/js/[login to view URL]"></script>

<link rel="stylesheet" href="http://<?php echo $domain?>/<?php echo

$pulse_dir?>/plugins/slimbox/css/[login to view URL]" type="text/css"

media="screen" />

<link rel="stylesheet" href="http://<?php echo $domain?>/<?php echo

$pulse_dir?>/css/[login to view URL]" type="text/css" media="screen" />

I placed these (with updated urls) in the head of the page where i

include the gallery.

Well that's it. Hope someone else might find it useful

Small job should not be more than 50 $ worth.

Compétences : CSS, HTML, Javascript, PHP

en voir plus : pulse cms gallery css, pulse cms gallery, css pulse cms, pulse cms gallery thumbs, www freelancer is a good site com, www freelancer com forum, work notes freelancer, which freelancer site is working good, where to find work as a freelancer, where to find a job for freelancer, where to find a job as a freelancer, where find php freelancer, where find a good freelancer, where do i look for job as freelancer, where can i find the job in freelancer, where can i find a freelancer, this class jquery, pulse cms, php freelancer forum, php customization freelancer

Concernant l'employeur :
( 3 commentaires ) Amsterdam, Netherlands

Nº du projet : #1215654

3 freelance font une offre moyenne de $232 pour ce travail

phpplay

I can do it.

%bids___i_sum_sub_32% %project_currencyDetails_sign_sub_33% USD en 1 jour
(20 Commentaires)
5.8
martinfors

PLEASE CHECK PMB

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 5 jours
(0 Commentaires)
0.0
oyono

ready to go

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 4 jours
(0 Commentaires)
0.0