fruchtfliege82
Threadersteller
Dabei seit: 02.07.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 24.04.2012 20:09
Titel onclick event bei redaxo benötigt reload der seite? |
|
|
hallo zusammen. um beim click auf ein thumbnail ein bild (mit mouseover zoom) an anderer stelle auszutauschen, nutze ich eine changeimage funktion. der bildertausch an sich funktioniert zwar, aber die zoomfunktion stellt das neue bild erst dar, wenn man die seite einmal refreshed hat. bevor ich jetzt überall einen einmaligen refresh durchführen lasse (geht das überhaupt so einfach?), dachte ich man kann das script optimieren. und hier bin ich mit meinem latein am ende!
ich vermute das problem liegt beim cachen der bilder, denn sobald die bilder einmal gecached sind, funktioniert die zoom funktion bei der entsprechenden seite dauerhaft.
hier findet ihr einen beispiellink der in firefox nicht zuverlässig funktioniert: klick mich!
hier das script aus dem header:
Code: | <?php
$bild = $this -> getValue("art_file");
$bild2 = $this -> getValue("art_file2");
$bild3 = $this -> getValue("art_file3");
?>
<script type="text/javascript" src="files/js/ddpowerzoomer.js"></script>
<script type="text/javascript">
var changeImage = function(src){
var $ = jQuery;
// Bild austauschen
$('#myimage').attr('src', src);
// Zoom drüberbügeln
$('#myimage').addpowerzoom({
defaultpower: 2,
powerrange: [2,2],
largeimage: src,
magnifiersize: [150,150]
});
}
$(function() {
// Hier das erste Bild eintragen
changeImage('files/<?php echo $bild ?>');
});
</script> |
und hier der quelltext von der seite (thumbnail bereich):
Code: | <?php
if ($bild3 !='') { ?>
<a href="" onclick="changeImage('files/<?php echo $bild3?>');return false;"><img src="<?php echo $REX['HTDOCS_PATH'].'index.php?rex_img_type=thumbnail&rex_img_file='.$bild3.'' ?>" alt="REX_VALUE[1]" width="40" height="60"/></a>
<?php } ?>
<?php
if ($bild2 !='') { ?>
<a href="" onclick="changeImage('files/<?php echo $bild2?>');return false;"><img src="<?php echo $REX['HTDOCS_PATH'].'index.php?rex_img_type=thumbnail&rex_img_file='.$bild2.'' ?>" alt="REX_VALUE[1]" width="40" height="60"/></a>
<?php } ?>
<a href="" onclick="changeImage('files/<?php echo $bild?>');return false;"><img src="<?php echo $REX['HTDOCS_PATH'].'index.php?rex_img_type=thumbnail&rex_img_file='.$bild.'' ?>" alt="REX_VALUE[1]" width="40" height="60"/></a>[quote][/quote] |
Zuletzt bearbeitet von fruchtfliege82 am Di 24.04.2012 20:10, insgesamt 1-mal bearbeitet
|
|